فاصلة
  • HTML
  • ?
    : ترتيب الدرس
  • 17
    عدد الدروس
  • ?
    أخر تحديث

العناوين في لغة html

تحدثنا عن العناوين في الدروس السابقة ولكن بشكل مبسط , الان سنتعمق في أستخدام العناوين والعناوين هي كما تشرح نفسها, ولو افترضنا بأنك تتصفح كتاب, بالتأكيد سوف تجد الكتاب مقسم الي عناوين رئيسية ومن ثم عناوين فرعية وهكذا حتي الوصول الي اخر عنوان فرعي .والان يمكننا القول بأن العناوين في لغة html هي نفس فكرة العناوين في الجرائد والكتب والمجلات ,ولكن في لغة HTML تحتوي العناوين علي 6 مقاسات يتم ترتيبهم من الحجم الرئيسي وهو الحجم الأكبر  h1  إلي الحجم الأصغر h6 .

  • كما عرفنا سابقاً بأن العناوين تحتوي علي 6 مقاسات بدايتاً من h1 الي h6
  • العناوين تستخدم لترتيب محتوي  الموقع الخاص بك ,
  • العناوين الرئيسية تأخذ الحجم الكبير والعناوين الفرعية تأخذ الحجم الأصغر بلابلا........
  • استخدام العناوين بشكل صحيح وتدريجي , يرفع ترتيب موقعك لدي محركات البحث google , Bing ,..........
  • العناوين مجرد نصوص رئيسية لمحتوي الموقع
  • نستخدم العناوين لتمييز المحتوي الرئيسي من المحتوي الفرعي


احجام العناوين Heading Size

هناك 6 مقاسات من العناوين تبدأً من الأكبر h1 الي الأصغر h6

<h1/>العنوان الأكبر<h1>
<h2/>الحجم الثاني<h2>
<h3/>الحجم الثالث<h3>
<h4/>الحجم الرابع<h4>
<h5/>االحجم الخامس<h5>
<h6/>الحجم الأصغر<h6>


 تنسيق العناوين Heading

مع مفهومنا بأن هناك 6 احجام اساسية من العناوين يوجد طريقة جميلة أخري لتغيير حجم العناوين الي مقاسات مخصصة, مثلا في حالة أنك تريد اضافة عنوان رئيسي h1 ولكن بحجم أكبر من حجمة الطبيعي او حجم أصغر من حجمة الطبيعي , في تلك الحالة نستخدم خاصية font-size

<h1 style="font-size=20px">عنوان</h1>


الطريقة الصحيحة لأستخدام العناوين 

يتم أستخدام العناوين بشكل تدريجي ،بحيث يكون الأكبر حجمأً h1  هو العنوان الرئيسي , وتكون العناوين الفرعية هي الأصغر حجماً ,

<h1>العنوان الرئيسي</h1>
<h2>العنوان الفرعي</h2>
<h3>العنوان الفرعي </h3>
الأدوات أساسيات العناصر خصائص العناوين الفقرات الأنماط التنسيق التعليقات الألوان الروابط الصور الجداول القوائم الترتيب النماذج الميتا تاج