HTML

HTML – الخطوط

أھلاً وسھلاً بك إلى الدرس الثالث من تعلم HTML.

سنقوم الان بشرح جميع وسومات الخطوط و خصائصها مع مجموعة من الأمثلة و النتائج

أولى الوسوم التي سنتطرق اليها هي الوسوم الخاصة بالعناوين بإختلاف مقاييسها،
سوف اتركك مع هدا الجدول المبياني، تم سنمر للأمثلة عزيزي المتابع

قم عزيزي المتعلم بكتابة هدا المثال :

و حاول ان تتوصل لنفس النتيجة الدي تحصلت عليها

<H1> Heading 1 </H1>
<H2> Heading 2 </H2>
<H3> Heading 3 </H3>
<H4> Heading 4 </H4>
<H5> Heading 5 </H5>
<H6> Heading 6 </H6>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

لنمر الان لشرح الوسم الخاص بنوع الخط و اللون و القياس…

قم عزيزي المتعلم بتطبيق هدا المثال
و حاول ان تتوصل لنفس النتيجة الدي تحصلت عليها

و الآن إليك بعض الوسومات التي یمكنك إضافتها إلى نصوصك. لتتحصل على بعض الإضافات و التأثيرات الجميلة

خط الغامق (الأسود العریض)، ونستخدم لھ الوسوم التالیة:

<B> ... </B>
<STRONG> ... </STRONG>

الخط المائل

<I> ... </I>
<EM> ... </EM>

الخط المسطر

<U> ... </U>

الخط المرتفع

<SUP> ... </SUP>

الخط المنخفض

<SUB> ... </SUB>

خط كبیر

<BIG> ... </BIG>

خط صغیر

<SMALL> ... </SMALL>

نص یعترضھ خط

<STRIKE> ... </STRIKE>
<S> ... </S>

نص الآلة الطابعة TeleType

<TT> ... </TT>
<B><I><U>
This is a Bold, Italic and Underlined Text
</U> </I> </B>
<FONT COLOR="#6633ff="+3"><U><I>
This text is red, size +3, Italic, and Underlined
</I> </U> </FONT> 

النتيجة :

This is a Bold, Italic and Underlined Text
This text is red, size +3, Italic, and Underlined