الصفحة الرئيسية
الصفحة الرئيسيه المرجع الكامل كتب وبرامج مجانية المنتدي  مواقع هامه

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

أهلا وسهلا بك في أول درس من الدروس المتخصصه لتعليم لغة الـ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
<H6>Heading 6</H6>
Heading 6

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


ولكن قبل أن نبدأ أن نتحدث عن حجم الخطوط لابد وان تعرف هذا الوسم  <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

هام جدا

لابد وان تبعد كل البعد عن الخط الصغير جدا فمن الصعب قراءته و الخط الكبير يملئ صفحتك ولذلك لابد وان تختار الخط المعتدل  

تابع الدروس »تغيير ألوان وأشكال الخطوط

< الصفحة الرئيسيه | المرجع الكامل | النص >

المصدر العربي التعليمي للـHTML

¤  المحتويات 

البدايه هنا
أبدأ هنا ·
دروس سريعة للمبتدئين ·

الدروس المتخصصه
النص ·
الصور ·
الجداول ·
الأطر ·
النماذج ·

 
فهرس النص  ¤

> أشكال وألوان الخطوط

> الرموز الخاصه

> الوصلات

> القوائم

> قائمة بجميع وسوم النص

> النص المتحرك

 

¤  Html4Arab صندوق الأدوات

> إبحث في الموقع  Search


Html4Arab بحث المصدر العربي التعليمي لل HTML يأتيكم من [Atomz.com] بحث متقدم


أشترك في القائمة البريدية
لتحصل علي آخر آخبار
الموقع و التحديثات

أشترك إلغاء الإشتراك

> أخبر صديقك عن الموقع

هل أعجبت بموقعنا


أذن أضفنا إلي المفضله <


مستخدمين ال Netscape أضغط CTRL+D

 
" إعلانات "


برعاية شبكة هايل

^ أعلي^ للإعلان بالموقع اربط بموقعنا أتصل بنا

© 2002 Ahmed Salah