ما هي لغة HTML؟
ترمز كلمة HTMLإلى الاختصار Hyper Text Markup Language، حيث تعد لغة HTML لغة الترميز القياسية لإنشاء صفحات الويب Web Pages. كما وأنها تصف بنية صفحة الويب وتتكون من سلسلة من العناصر التي تخبر المتصفح بكيفية عرض المحتوى. وتقوم عناصر الـ HTMLبتسمية أجزاء من المحتوى مثل "هذا عنوان" This is heading، "هذه فقرة" this is a paragraph، "هذا رابط" this is a link، وغيرها الكثير.
مثال على كود HTML
</html>
شرح عناصر كود مثال الـ HTML
يحدد العنصر <!DOCTYPE html> أن هذا المستند هو مستند HTML5.
عنصر <html> هو عنصر جذر الصفحة الأساسي للـ HTML.
يحتوي العنصر <head> على معلومات وصفية حول صفحة الـ HTMLالمطلوب انشائها.
يحدد العنصر <title> عنواناً لصفحة الـ HTML (والذي يظهر في شريط عنوان المتصفح أو في علامة تبويب الصفحة).
يحدد العنصر <body> جسم المستند، وهو عبارة عن محتوى لجميع المحتويات المرئية، مثل العناوين والفقرات والصور والارتباطات التشعبية والجداول والقوائم وما إلى ذلك.
يحدد العنصر <h1> العنوان الأساسي الأول للمحتوى.
يدل العنصر <p> على الفقرة.
ما هو العنصر (element) في HTML؟
يتم تعريف عنصر HTMLبواسطة علامة البداية وبعض المحتوى وعلامة النهاية كما في الشكل العام التالي:
<tagname/> المحتوى يذهب هنا <tagname>
لذلك فإن عنصر الـ HTMLهو أي شيء يحدد من بداية علامة البداية وحتى نهاية علامة النهاية كما في المثالين التاليين:
<h1/>العنوان الرئيسي الأول<h1>
<p/>الفقرة الأولى<p>
تمعن في الجدول التالي والذي يوضع علامة البداية وعلامة النهاية والمحتوى لكل من المثالين المطروحين
| علامة البداية Start tag | محتوى العنصر Element Content | علامة النهاية End tag |
| <h1> | العنوان الرئيسي الأول | <h1/> |
| <p> | الفقرة الأولى | <p/> |
| <br> | لا يوجد | لا يوجد |
ملاحظة: بعض عناصر HTML ليس لها محتوى (مثل العنصر <br>). تسمى هذه العناصر بالعناصر الفارغة Empty elements. كما وأن العناصر الفارغة ليس لها علامة نهاية.
متصفحات الانترنت ولغة HTML
الغرض من متصفح الويب سواء كان Chrome، Edge، Firefox، Safariوغيرها من المتصفحات الأخرى، هو قراءة مستندات HTMLوعرضها بشكل صحيح، حتى يتمكن المستخدم من قراءتها بلغة مفهومة وواضحة. لذلك، لا يعرض مستعرض الويب (المتصفح) علامات وعناصر وكود الـ HTML، ولكنه يستخدمها لتحديد كيفية عرض المستند.
وإذا درسنا كود الـ HTMLالتالي
سنجد أنه سيتم عرضه في المتصفح بالشكل التالي
هيكلية وأجزاء صفحة الويب المصممة بلغة HTML
الشكل التالي يوضح تقسيم صفحة انترنت بسيطة مكتوبة بلغة HTML
ملاحظة: سيتم عرض المحتوى الموجود داخل قسم <body> (المنطقة البيضاء أعلاه) في المتصفح. سيظهر المحتوى الموجود داخل عنصر <title> في شريط عنوان المتصفح أو في علامة تبويب الصفحة Tab.