العلامة <h>
يوجد في لغة HTML ستة أحجام يمكن كتابة العناوين بها، هذه الأحجام هي <h1>، و<h2>، و<h3>، و<h4>، و<h5>، و<h6>، ویعتبر الحجم <h1> أكبر هذه الأحجام، والحجم <h6> أقل هذه الأحجام، ويتم تحديد العبارة من النص بأنها عنوان عن طريق وضع هذه العبارة بين علامتي العنوان </h1> <h1>، فالعلامة الأولى هي علامة بداية العنوان، والعلامة الثانية هي علامة نهاية العنوان كما يلي:
<h1>this title size 1 </h1>
<h2>this title size 2</h2>
وفيما يلي مثال على كيفية استخدام علامات العنوان في تحديد عناوين النصوص بأحجامها المختلفة:
- قم بتشغيل برنامج Notepad واکتب به نص ملف HTML کما في الشكل:
< html dir=rtl lang=ar >
<head>
<title> العنوان </title>
</head>
<body>
<h1> 1هذا عنوان بحجم رقم </h1>
<h2> هذا عنوان بحجم رقم </h2>
<h3>3 هذا عنوان بحجم رقم </h3>
<h4>4 هذا عنوان بحجم رقم </h4>
<h5>5 هذا عنوان بحجم رقم </h5>
<h6> هذا عنوان بحجم رقم </h6>
</body>
</html>
- قم بحفظ المستند بامتداد html. وقم بفتح المستند في متصفح الإنترنت فتظهر الأحجام المختلفة للعناوين، كما بالشكل التالي:
ولعلامة العنوان مجموعة من الخواص كل خاصية منها تأخذ قيمة معينة، وتوضع الخاصية المتعلقة بالعنوان في داخل العلامة الخاصة بالعنوان، ومن خواص العناوين:
- اتجاه النصر dir
- لغة كتابة النصرى lang
- محاذاة النص align
وتأخذ الخاصية المتعلقة باتجاه النص dir إحدى قيمتين، إما الاتجاه من اليمين إلى اليسار dir=rtl، أو الاتجاه من اليسار إلى اليمين dir=ltr، أما بالنسبة للغة lang فتكون قيمتها عبارة عن إحدى الاختصارات الخاصة باللغات السابق إيضاحها في الفصل الأول.
أما بالنسبة للخاصية align الخاصة باتجاه محاذاة النص فتأخذ هذه الخاصية أحد ثلاثة قيم، أما اتجاه المحاذاة إلى اليمين، أو إلى اليسار، أو في المنتصف، كما يلي:
<hl align=right> </h1>
<h2 align=left></h2>
<h3 align=center> </h3>
والمثال التالي يوضح كيفية تنسيق العناوين في لغة HTML:
- قم بتشغيل برنامج Notepad واكتب به نص ملف HTML كما في الشكل التالي:
< html >
<head>
<title> تنسيق العنوان </title>
</head>
<body>
<h3 align=right>3 هذا عنوان بحجم رقم </h3>
العنوان السابق محاذاة إلى اليمين
<h3 align=left >3 هذا عنوان بحجم رقم </h3>
العنوان السابق محاذاة إلى اليسار
<h3 align=center>3 هذا عنوان بحجم رقم </h3>
العنوان السابق محاذاة في الوسط
</body>
</html>
- قم بحفظ المستند بامتداد html. وقم بفتح المستند في متصفح الإنتونات فتكون النتيجة كما في الشكل:
