أولاً : العناوين في لغة HTML
للعناوين (headers) ستة أحجام مختلفة (تسمى أيضاً ترويسات) وهي متتالية من h1 إلى h6 , وبكل بساطة ماهي إلى وسوم فكل عنوان له وسم فتح ووسم اغلاق .مثال :
<html>
<body dir="rtl">
<h1>الحجم الأول</h1>
<h2>الحجم الثاني</h2>
<h3>الحجم الثالث</h3>
<h4>الحجم الرابع</h4>
<h5>الحجم الخامس</h5>
<h6>الحجم السادس</h6>
</body>
</html>
ستصبح مشابهة للصورة التالية :
ثانياً : الفقرات
هناك طريقتان لكتابة الفقرات في صفحات الويب , الطريقة الأولى هي أن تكتب ماتريد في الوسم body مباشرة وبدون أي وسوم , مثال :
<html>
<body>
مثال في الفقرات
</body>
</html>
في هذه الطريقة اذا أردت أن تكتب سطراً جديداً فعليك أن تستخدم الوسم <br /> وهذا الوسم ليس له وسم اغلاق .مثال :
<html>
<body>
الفقرة الأولى
<br />
الفقرة الثانية
</body>
</html>
الطريقة الثانية : استخدام الوسم <p>ببساطة قم بكتابة ماتريد بداخل الوسم <p> , مثال :
<html>
<body>
<p>مثال عن الفقرات</p>
</body>
</html>
واذا أردت اضافة سطر جديد ماعليك إلا أن تضيف فقرة جديدة باستخدام نفس الوسم <p> .
<html>
<body>
<p>الفقرة الأولى</p>
<p>الفقرة الثانية</p>
</body>
</html>
الخطوط والتعامل معها :
للتعامل مع الخطوط نستعمل الوسم <font> ويأتي مع عدد من الخصائص ومنها خاصيتين مهمتين جداً :أولاً : الخاصية color
وهي المسؤولة عن تغيير لون الخط لأي نص .مثال :
<h1><font color="Red">مثال عن الخطوط</font></h1>
مثال آخر :
<h4>مثال عن <font color="Blue">الخطوط</font></h4>
ثانياً : الخاصية face
وهي التي تقوم بتغيير نوع الخط لأي نص .مثال :
<h3><font face="Tahoma">مثال عن الخطوط</font></h3>
تنسيقات الخطوط :
أولاً : الخط المائل (Italy) , ويتم ادراج خط مائل باستخدام الوسم <i>
<p><i>هذا الخط مائل</i></p>
ثانياً : الخط العريض (Bold) , ويدرج بواسطة الوسم <b>
<p><b>هذا الخط عريض</b></p>
ثالثاً : الخط المسطر (underlined) , ويدرج بواسطة الوسم <u>
<p><u>هذا الخط مسطر</u></p>