الدرس الثالث : العناوين (headings) في html

من الأمور التي تلف انتباه القارئ و تثير اهتمامه تلك الجمل التي تكتب بخط مغاير عن النص من حيث الحجم و اللون و حتى النوع و هي باختصار شديد العناوين.headings

العناوين SHEADING

نستطيع التحكم في العناوين في HTML بالوسم <Hn> text <Hn> و هي اختصار لكلمة Headings حيث n عدد صحيح من الواحد إلى الستة .من هنا يتضح لك أنه في HTML ستة مقاسات للعناوين أي H1,H2,H3,H4,H5,H6

حيث H1 أكبر العناوين ثم H2  ثم H3  ثم   H4ثم H5  و أخيرا H6 .

لنكتب الكود التالي :

 فيكون الناتج كالتالي :

 ملاحظات سريعة :

1-      ليس هناك عنوان أكبر من  H1  و ليس هناك عنوان أصغر من H6 . قصدي في ال html أما في CSS مثلا فإنك تتحكم في العناوين بكل مرونة.

2-      وسم العنوان heading يترك سطرا بعده و سطرا قبله . هل لاحظت ذلك.

3-      نوع الخط الافتراضي للعناوين هو TIMES NEW ROMAN .

4-      الـ heading يجعل الموقع صديق لمحركات البحث.

5-      لا يستعمل الـ heading لتكبير كلمة أو جعلها bold أو strong

6-      لا يستعمل الـ  heading  داخل الفقرات .paragraph
- لا يستعمل الـ  heading  من أجل ترك سطر.مثل الوسم </br> .   

مشاهدة الفيديو اضغط هنا

في الأخير... فضلا و ليس أمرا إذا أعجبك المقال. فشاركه مع غيرك.

روزوا صفحتنا على الفيسبوك : MADI TECH ONE