مقدمة تعريفية عن لغة HTML

HTML هي لغة الترميز القياسية لإنشاء صفحات الويب.

ما هو HTML؟

HTML اختصار لجملة Hyper Text Markup Language
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>يحدد أن هذا المستند هو مستند HTML5
عنصر <html> هو العنصر الجذر لصفحة HTML
يحتوي العنصر <head> على معلومات وصفية حول صفحة HTML
يحدد العنصر <title> عنوانًا لصفحة HTML (والذي يظهر في شريط عنوان المتصفح أو في علامة تبويب الصفحة)
يحدد العنصر <body> جسم المستند ، وهو عبارة عن حاوية لجميع المحتويات المرئية ، مثل العناوين ، والفقرات ، والصور ، والارتباطات التشعبية ، والجداول ، والقوائم ، وما إلى ذلك.
يحدد العنصر <h1> عنوانًا كبيرًا
يحدد العنصر <p> فقرة

ماهي عناصر (Element?) HTML

يتم تعريف عنصر HTML بواسطة علامة البداية وبعض المحتوى وعلامة النهاية:

<بداية الوسم> ثم نكتب المحتوى هنا ... </نهاية الوسم>

عنصر HTML هو كل شيء من وسم البداية إلى وسم النهاية:

<h1> عنواني الأول </ h1>

<p> فقرتي الأولى </ p>

ملاحظة: بعض عناصر HTML ليس لها محتوى (مثل عنصر <br>). تسمى هذه العناصر بالعناصر الفارغة. العناصر الفارغة ليس لها علامة نهاية!

متصفحات الأنترنت

الغرض من متصفح الويب (Chrome و Edge و Firefox و Safari) هو قراءة مستندات HTML وعرضها بشكل صحيح.

لا يعرض المستعرض علامات HTML كوسوم ، ولكنه يستخدمها ويحتاجها لتحديد كيفية عرض المستند:

مثال الكود الذي وضعناه في اول الدرس سيكون هكذا في المتصفح

هيكل صفحة HTML

يوجد أدناه تصور لهيكل صفحة HTML:

ملاحظة: سيتم عرض المحتوى الموجود داخل قسم <body> (المنطقة البيضاء أعلاه) في المتصفح.
<title> في شريط عنوان المتصفح أو في علامة تبويب الصفحة.