عناوين HTML


عناوين HTML

العنوان 1

العنوان 2

العنوان 3

العنوان 4

العنوان 5
العنوان 6
  • يتم تعريف العناوين بالوسوم <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 للعناوين فقط. لا تستخدم العناوين لجعل النص BIG أو غامقًا.


عناوين أكبر

كل عنوان HTML له حجم افتراضي ومع ذلك يمكنك تحديد حجم أي عنوان باستخدام سمة style وذلك باستخدام الخاصية font-size الخاصة بـ CSS

<h1 style="font-size:60px;">عنوان 1</h1>

 


الخط الافقي

يحدد الوسم<hr>  فاصلًا موضعيًا في صفحة HTML ، ويتم عرضها غالبًا كخط افقي

يتم استخدام عنصر <hr> لفصل المحتوى (أو تغيير) في صفحة HTML

<h1>العنوان 1</h1>
<p>النص</p>
<hr>
<h2> العنوان 2</h2>
<p> النص</p>
<hr>

العنصر <head>

  • العنصر <head> لا علاقة له بعناوين HTML
  • العنصر<head> عبارة عن حاوية للبيانات الوصفية بيانات HTML الوصفية هي بيانات عن مستند HTML ولا يتم عرض هذه البيانات.
  • يتم وضع العنصر <head> بين الوسم<html> والوسم <body>
    <!DOCTYPE html>
    <html>
    
    <head>
      <title>My First HTML</title>
      <meta charset="UTF-8">
    </head>
    
    <body>
    </body>
    </html>
    ​
دروس لغة Html اخرى