العناوين
يتم تعريف العناوين بعلامات <h1> إلى <h6>.
يحدد <h1> العنوان الأكثر أهمية. يحدد <h6> العنوان الأقل أهمية.
<h1>حجم الخط 1</h1>
<h2>حجم الخط 2</h2>
<h3>حجم الخط 3</h3>
<h4>حجم الخط 4</h4>
<h5>حجم الخط 5</h5>
<h6>حجم الخط 6</h6>ملاحظة: تضيف المتصفحات تلقائيًا بعض المساحة البيضاء (الهامش) قبل العنوان وبعده.
العناوين مهمة
تستخدم محركات البحث العناوين لفهرسة محتوى صفحات الويب الخاصة بك ومحتواها.
غالبًا ما يقوم المستخدمون بتقليب صفحة من عناوينها. من المهم استخدام العناوين لإظهار بنية المستند.
يجب استخدام العناوين <h1> للعناوين الرئيسية ، متبوعة بالعناوين <h2> ، ثم <h3> الأقل أهمية ، وهكذا
ملاحظة: استخدم عناوين HTML للعناوين فقط. لا تستخدم العناوين لإنشاء نص كبير أو غامق.
أكبر العناوين
كل عنوان HTML له حجم افتراضي. ومع ذلك ، يمكنك تحديد حجم أي عنوان باستخدام سمة النمط ، باستخدام خاصية حجم الخط CSS:
<h1 style="font-size:60px;">Heading 1</h1>قواعد HTML الأفقية
تحدد العلامة <hr> الفاصل المواضيعي في صفحة HTML ، وغالبًا ما يتم عرضها كقاعدة أفقية.
يتم استخدام العنصر <hr> لفصل المحتوى (أو تحديد تغيير) في صفحة HTML:
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>HTML <head> العنصر
عنصر HTML <head> هو حاوية للبيانات الأولية. بيانات تعريف HTML هي بيانات حول مستند HTML. لا يتم عرض البيانات التعريفية.
يتم وضع العنصر <head> بين العلامة <html> والعلامة <body>:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.ملاحظة: تحدد البيانات التعريفية عادةً عنوان المستند ومجموعة الأحرف والأنماط والبرامج النصية ومعلومات التعريف الأخرى.
كيفية عرض مصدر HTML؟
هل سبق لك أن رأيت صفحة ويب وتساءلت “مهلا! كيف فعلوا ذلك؟”
عرض كود مصدر HTML:
انقر بزر الماوس الأيمن في صفحة HTML وحدد “عرض مصدر الصفحة” (في Chrome) أو “عرض المصدر” (في Edge) ، أو ما شابه ذلك في المتصفحات الأخرى. سيؤدي هذا إلى فتح نافذة تحتوي على شفرة مصدر HTML للصفحة.
فحص عنصر HTML:
انقر بزر الماوس الأيمن على عنصر (أو مساحة فارغة) ، واختر “فحص” أو “فحص عنصر” لمعرفة العناصر المكونة (سترى كل من HTML و CSS). يمكنك أيضًا تحرير HTML أو CSS أثناء التنقل في لوحة Elements أو Styles التي تفتح.
مرجع علامة HTML
ستتعلم المزيد عن علامات HTML وسماتها في الفصول التالية من هذا البرنامج التعليمي.
| الوسم | الوصف |
| <html> | يعرّف جذر مستند HTML |
| <body> | يحدد نص الوثيقة |
| <head> | حاوية لكل عناصر الرأس (العنوان ، البرامج النصية ، الأنماط ، معلومات التعريف ، والمزيد) |
| <h1> to <h6> | يحدد عناوين HTML |
| <hr> | يحدد التغيير الموضوعي في المحتوى |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بالضغط هنا.
One Comment