HTML العناوين وحجم الخطوط في

سوف نتابع في هذا الدرس التعرف على الوسوم الخاصة بالخطوط ، سوف تلاحظ في هذا الدرس والدروس اللاحقة أن هناك أكثر من طريقة لأداء نفس العمل، أو إعطاء نفس الخصائص لصفحات الإنترنت. وبالمقابل قد يبدو لك أن بعض الوسوم والخصائص متشابهة في تأثيرها، لكن بالقليل من التدقيق والتجربة ستكتشف أن لكل وسم خصوصيته.

العناوين (Headings ) :-

في البدايه نود أن نقول أن وسم العنوان قد قسم بطريقة متتاليه بحيث يوجد 6مستويات مختلفة من العناوين من أكبر مستوي ويأخذ الوسم <H1> إلي أصغر مستوي ويأخذ الوسم <H6> دعنا نريك مثال الآن


الـوسـم الـتـأثـيـر
<H1>Heading 1</H1> Heading 1
<H2>Heading 2</H2> Heading 2
<H3>Heading 3</H3> Heading 3
<H4>Heading 4</H4> Heading 4
<H5>Heading 5</H5> Heading 5

كل ماعليك فعله هو أن تضع النص داخل الوسم كما تري في الوسوم السابقه وكما تري النص سيظر واضح وكبير ولكن يجب أن تلاحظ ان العنوان دائما يكون منفصل عن النص الأساسي بمعني أنه يكون في البدايه أو رأس الفقرة ، يجب عليك أن تغيير حجم الخط وليس العنوان وهنا نأتي إلي تغيير حجم الخطوط.


--------------------------------------------------------------------------------

ولكن قبل أن نبدأ أن نتحدث عن حجم الخطوط لابد وان تعرف هذا الوسم <FONT> ... </FONT>

وهو الوسم الخاص بالخطوط هو يقوم بالتحكم بالخطوط من حيث النوع واللون والحجم. أما الخصائص التي نستخدمها مع هذا الوسم والوسوم الأخرى سنقوم بشرحها بالتتابع

حجم الخط FONT SIZE

ولتحديد حجم الخط نستخدم هذه الخاصية font size . و هناك سبعة أحجام لأي خط تستطيع المتصفحات التعرف عليها.
ونقوم بتحديد الحجم المطلوب بأسلوبين: أولهما المباشر. حيث يتم كتابة رقم يتراوح ما بين 1-7. أي أننا نختار الحجم الذي نريده مباشرة.

<FONT SIZE="X">‎
.......النص يكتب هنا ............
<‎/FONT>

كل ماعليك فعله هو تغيير القيمة X إلي رقم من 1- 7 وإليك نماذج بأحجام الخطوط:-

خط بحجم 1
خط بحجم 2
خط بحجم 3
خط بحجم 4
خط بحجم 5
خط بحجم 6
خط بحجم 7


ملحوظه حجم الخط الإفتراضي هو 3
أما الأسلوب الثاني فهو النسبي: حيث تكتب الأرقام من 1 إلى 6 مرفقة إما بإشارة (+) موجبه أو بإشارة (-) سالبه.

<FONT SIZE="X">‎
.......النص يكتب هنا ............
<‎/FONT>

وفي هذه الطريقة فإن الأرقام 1-6 تمثل درجات التكبير (+) أو التصغير (-) للخط وذلك نسبةً إلى الحجم الافتراضي. فمثلا الرقم +4 يعني تكبير الخط أربع درجات عن الحجم الافتراضي وهو 3، أي أنه يصبح بالحجم 7. بالمقابل فأن الرقم -1 يعني تصغير الخط درجة واحدة أي يصبح بالحجم 2.
ولتوضيح هذا الأسلوب، إليك هذه النماذج:

خط بحجم -3
خط بحجم -2خط بحجم -1
خط بحجم ±0خط بحجم +1
خط بحجم +2خط بحجم +3
خط بحجم +4خط بحجم +5


لاحظ أنه حتى في الأسلوب النسبي لا نستطيع الحصول على أكثر من سبعة أحجام للخطوط. حتى وإن حاولنا كتابة أرقام أكبر أو أصغر كما فعلت هنا بكتابة الحجم -3 أو +5