تابعنا :

السبت، 25 أغسطس 2012

HTML 4

الوسم font

يعمل الوسم font دائما مع مجموعة من الخصائص، فهو لا يمتلك أي تأثير لوحده، وأهم خصائصه هي التي تحدد نوع الخط والتي تحدد لونه والتي تحدد حجمه.
أول خصائص الوسم font هي الخاصية face التي تحدد نوع الخط المستخدم
<font face="verdana">Verdana Text</font><br>                                                 

<font face="Courier New">Courier New Text</font>


  بعد ذلك هنالك الخاصية color المستخدمة لتحديد لون الخط (أنظر إلى الألوان في الأسفل)
                                           

 This is <font color="red">Red</font>
and this is <font color="blue">Blue</font>

   الخاصية الثالثة هي الخاصية      size وهي تحدد حجم الخط، توجد سبعة أحجام للخط، والخط الأساسي في الصفحة يأخذ أحد هذه الأحجام، وإذا أردت أن تغير حجم الخط في كلمة معينة أو جزء ما من النصوص استخدم الوسم font مع الخاصية  size لزيادة حجم الخط أو إنقاصه بمقدار معين، إذا كا الخط الأساسي هو 3 فإنه يمكنك زيادة الخط 4 مرات حتى تصل إلى 7 وهو أكبر خط ويمكنك إنقاصه مرتين ليصبح 1 وهو أصغر حجم للخط، الخط الأساسي القياسي هو 3 ما لم تقم بتغييره، يتم تحديد أثر الرقم من حيث الزيادة أو النقصان بإضافة + قبل الرقم للزيادة و - قبل الرقم للنقصان، وعند الزيادة فوق الحجم 7 سيعرض المتصفح النص بالحجم 7 وكذلك عند النقصان إلى أقل من الواحد فسوف يتم إعتباره 

<font size="+4">Size 7</font><br>                                                            
<font size="+3">Size 6</font><br>                                                            
<font size="+2">Size 5</font><br>                                                            
<font size="+1">Size 4</font><br>                                                            
<font size="0">Size 3</font><br>                                                             
<font size="-1">Size 2</font><br>                                                            
<font size="-2">Size 1</font><br>                                                            

توجد أيضا طريقة سريعة لتكبير الخط خطوة واحدة أو تصغيره خطوة واحدة باستخدام الوسم <big> و <small


<big>size 4</big><br>                                                                        
<small>size 2</small><br>                                                                    
<big><big>size 5</big></big><br>                                                     

الطريقة السابعة لتغيير الخط
تسمى طرقا نسبية relative لأنك تقوم بتغيير الخط بالنسبة للخط
الأساسي، يمكنك أيضا تحديد الحجم الذي تريده للخط بالضبط دون الإعتماد على الخط
الأساسي عن طريق الخاصية size ذاتها ولكن دون وضع إشارة + أو - مقابل الحجم المطلوب
                                      
  
<font size="7">Size 7</font><br>                                                             
<font size="6">Size 6</font><br>                                                             
<font size="5">Size 5</font><br>                                                             
<font size="4">Size 4</font><br>                                                             
<font size="3">Size 3</font><br>                                                             
<font size="2">Size 2</font><br>                                                             
<font size="1">Size 1</font>                                                                
يمكنك كذلك تغيير حجم الخط الأساسي في المستند وهذا سيؤثر على جميع الأماكن التي استخدمت فيها الأحجام النسبية للخطوط، ونغير الخط الأساسي باستخدام وسم يدعى <basefont> ويمكن استخدامه لتغيير حجم الخط الأساسي في المستند أو لون الخط الأساسي أو نوع الخط الأساسي، وهو لا يأخد قيم نسبية في الحجم (لا ينسب إلى نفسه)، على سبيل المثال لتغيير الخط الأساسي إلى Verdana بحجم 3 ولون أخضر نضع السطر التالي في المستند

<basefont color="Green" size="3" face="Verdana">                                             
والوسم السابق لا يستخدم في جزء محدد من نصوص HTML بل يظهر تاثيرة فى الصفحة كلها لذالك فهو لا يحتاج الى وسم اغلاق
توجد أيضا وسوم أخرى للتنسيقات المختلفة , مثلا الوسم b او strong للخط العريض والوسم i او em للمائل , والوسم tt لجعل الحروف متساوية فى الحجم مثل نصوص الالة الكاتبة
                                   <b>This</b> is Bold Text and <strong>this</strong> to!<br>
                                     but <i>This</i> is Italic Text and <em>this</em> to!<br>
                                                         And <tt>This</tt> is Typewriter Text
يوجد وسم خاص بوضع الخط الأفقي هو الوسم hr يمكنك تحديد عرض الخط بالخاصية width، حيث تأخذ width قيما مطلقة مثل 10 أو 293 وهي تحدد العرض بالبكسل، وقيما نسبية تقاس بالنسبة إلى عرض الصفحة، مثل 20% و 85%، توجد أيضا خاصية أخرى هي size تحدد ارتفاع الخط رأسيا ويأخذ قيما مطلقة صغيرة، وتوجد أيضا خاصية color لتحديد لون الخط، والخاصية noshade وهي خاصية بدون قيمة، وعند وضعها تجعل الخط يبدو مصمتا وليس منحوتا كما في الحالة القياسية 
                                                                                              This is the First Line
                                                                                                   <hr>
                                                                               This is the Secound Line
                                                                                      <hr color="Purple">
                                                                                  This is the Third Line
<hr width="30%">                                                                             
This is the Fourth Line                              
<hr noshade size="40">                                                             

0 التعليقات:

إرسال تعليق

ما هو رايكم فى المدونة ؟ او يتم الاقتراح لاضافة اشياء اخرى ؟

Related Posts Plugin for WordPress, Blogger...