3/10/2018

[تعلم HTML] درس #1 - ما هي لغة html ؟


كما ذكرنا سابقاً في أول تدوينة عن لغة HTML بأنها مفيدة جداً ومهمة جداً، في هذه التدوينه نتعرف على معلومات بدائية في لغة HTML لإنشاء صفحات الويب.

ما هي لغة HTML ؟

هي من أقدم اللغات لتصميم صفحات الويب، أكواد HTML تبدأ بوسم <html> وتنتهي بـ <html/>

الكود الهيكلي لبناء صفحات الويب



<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

شرح الكود بالكامل
<!DOCTYPE html>
وثيقة للتعرف على الصفحة
<html>
هو العنصر المهم في بداية كل صفحة ويب
<head>
للتعرف على الوثيقة
<title>
هذه يرمز إلى عنوان الوثيقة
<body>
عنصر عرض محتوى الصفحة
<h1>
لجعل العنوان حجمة كبير
<p>
لعمل فاصل او فراغ بين النصوص

كيف تعرض كود HTML في المتصفح أون لاين ؟
في البداية اعمل ملف نصي txt جديد ، وافتح الملف و اضف فيه الكود ثم اضطط على File ثم اضغط على Save As واكتب اسم الملف وينتهي بـ .htm ، يعني مثلاً تكتبه هكذا google.htm و الـ Encoding تجعله UTF-8 واضغط على Save واضغط على Yes في النافذة التي تظهرلك.

بعد ذلك ستجد تم إنشاء ملف على شكل ايقونة المتصفح في سطح المكتب، افتح الملف وستجد تم فتح نافذه في المتصفح وموجود فيها معاينة الكود.

ويمكن الدخول على هذا الموقع وتجربة الاكود أون لاين بدون الحاجة إلى عمل ملف كل مره "رابط الموقع هنا".

المصدر w3schools

ليست هناك تعليقات

جميع الحقوق محفوظة لــ الخلاصة 2018 ©