HTML Headings

-

بنتعلم في هذا الدرس شو يعني ال Headings في HTML وتستخدم ب 6 احجام لعرض العناوين titles  او العناوين  subtitles  الفرعية على صفحات الويب 

يستخدم ال tag 

 <h1>  الى <h6>  لعرض headings 

طيق الكود التالي داخل صفحة HTML 


<!DOCTYPE html>
<html lang="en">
<head>
<title>My First HTML Page</title>
</head>
<body>
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
</body>
</html>

وشوف النتيجة 

يعتبر tag 

<h1>
اكثرها استخداما مع heading و 
<h6>
اقلها استخداما 

لماذا Heading مهم 
تعتبر heading مهمة في صفحات الويب لان محركات البحث Search engines تستخدمها لعمل فهرسه index لصفحات الويب ومحتوياتها بحيث يسهل الوصول اليها. 
وترتيب استخدام هذه tag تبدأ من <h1> للعناوين الرئيسية ثم يليها <h2> وهكذا.
ملاحظة : تستخدم هذه tag فقط مع العناوين  heading  ومن الخطأ استخدامها لعرض النص بحجم كبير او صغير 

إضافة Style على Heading tag 
هذه heading tag لها احجام افتراضية ولكن هذا لا يعني انها ثابته لا يمكن التعديل عليها ، يمكن إضافة styel على هذه tag والتحكم بحجمها عن طريق استخدام الخاصية font-size 
طبق المثال التالي في صفحة HTML وشوف النتيجة :

<h1 style="font-size:60px;">Heading 1</h1>