شرح وسوم h1...h6


وسوم h1...h6 هي وسوم في لغة HTML تستخدم لتحديد عناوين الصفحة وفقراتها. تتيح هذه الوسوم تنسيق النص وتحسين تنظيم الصفحة وتوضيح المحتوى المقدم فيها.
ترتب الوسوم h1...h6 بحيث يتم تحديد العناوين الرئيسية باستخدام الوسم h1 والعناوين الفرعية باستخدام الوسم h2، وهكذا. ويتم تنسيق النص في هذه الوسوم بشكل افتراضي على النحو التالي:
h1:
يتم تنسيق النص في وسم h1 بحجم الخط الكبير جدًا.
h2:
يتم تنسيق النص في وسم h2 بحجم الخط الكبير.
h3:
يتم تنسيق النص في وسم h3 بحجم الخط المتوسط.
h4:
يتم تنسيق النص في وسم h4 بحجم الخط الصغير نسبيًا.
h5:
يتم تنسيق النص في وسم h5 بحجم الخط الصغير جدًا.
h6:
يتم تنسيق النص في وسم h6 بحجم الخط الصغير جدًا.

فيما يلي بعض الأمثلة التوضيحية عن استخدام وسوم h1...h6:

HTML
<!DOCTYPE html>
<html>
<head>
    <title>عنوان الصفحة</title>
</head>
<body>
	<h1>عنوان الرئيسي</h1>
</body>
</html>

لتحديد عناون فرعية نكتب:

HTML
<h2>عنوان فرعي رقم واحد</h2>
<h3>عنوان فرعي رقم ثلاثة</h3>
<h4>عنوان فرعي رقم أربعة</h4>
...

مثال لنتيجة الكود:

العنوان الرئيسي

العنوان الفرعي 1

العنوان الفرعي 2

العنوان الفرعي 3

العنوان الفرعي 4
العنوان الفرعي 5


وهكذا إنتهينا من درسنا أو مقالتنا المتواضعة أتمنى أنك فهمت و وفقك الله أتمنى دعمنا بمشاركة الدرس لكي تعم الفائدة.