- formatting text قالب بندي متن

در اين صفحه تگهايي را مياموزيد که کنترل نمايش حروف از لحاظ سايز، ضخامت، نوع آرايش و قرارگيري آنها در کلمه را بعهده دارند که به اين نوع تگها formatting   ميگويند.

< font></font >
 براي مشخص کردن نوع يا شکل حروف ، رنگ و يا اندازه آنها از اين تگ استفاده ميکنيم که داراي خصوصيات زير ميباشد. مثال

face=" "   اين خصوصيت نوع فونت را تعيين ميکند که بايد برابر با يکي از فونتهاي استاندارد سيستم عامل قرار دهيد.

 size=" " اندازه هر حرف را تعيين ميکند که از اعداد يک تا هفت با علامت مثبت به نشانه افزاينده و با علامت منفي به نشانه کاهش سايز استفاده ميشود.

  color=" " براي کنترل و تعيين رنگ حروف اين تگ را ميتوان بکار برد.

<big></big> , <small></small>  
براي تعيين اندازه حروف در يک حد خاص از اين تگها استفاده ميشود. مثال

 <b></b> 
  متن بين آنها بصورت توپر bold ظاهر ميشود. مثال

 <i></i> 
  براي نوشتن حروف بصورت کج italic  اين تگ را بکار ميبريم. مثال

<u></u> 
  اين تگ خطي زير کلمات خواهد کشيد. مثال

<s></s>  
گاهي اوقات نياز داريم که روي يک حرف يا کلمه خط بکشيم، بطور مثال ميخواهيم روي قيمت قديمي کالا خط بکشيم و قيمت جديد آنرا کنارش بنويسيم که در اينصورت اين تگ را بکار خواهيم برد، همچنين از تگ <strike>  ميتوان بجاي آن استفاده کرد. مثال

نکته:   تگ هايي مانند <b><i><u><s> را physical مينامند يعني متن بکار رفته در آنها بصورت آنچه که انتظار داريم نمايان ميشوند اما در مقابل، تگ هاي   logical هم هستند که تنظيمات مرورگرها در آنها موثر خواهند بود.

  
حروف يا اعداد بين آنها بالاتر از سطر ظاهر خواهند شد، مانند عدد توان در رياضيات. مثال

<sub><sub>  
حروف يا اعداد پايين تر از سطر نوشته ميشوند، مانند عدد ظرفيت در فرمولهاي شيمي. مثال

<tt></tt>  
نوشته بين آنها بصورت حروف تايپي ظاهر ميشود و خاصيت آن در اينست که کليه حروف به يک اندازه جا اشغال ميکنند. مثال

 <em></em>
  اين تگ مانند تگ < i > عمل ميکند و جزو تگهاي Logical  است.  مثال

<strong></strong>
  اين تگ هم مانند  <b> عمل ميکند و در ضمن logical  است. مثال

نکته:   مزيت استفاده تگهاي logical به تگهاي physical   در اينست که در کليه مرورگرها به نمايش در ميايند ولي در بعضي از مرورگرها ممکن است تگ  physical عمل نکند.

 <cite></cite>
  براي جمله هاي نقل قول ميتوان ازش استفاده کرد که مانند <i> عمل ميکند و در ضمن logical  هم هست. مثال

 <blockquote></blockquote>
اين تگ مانند <p>  وظيفه پاراگراف بندي را به عهده دارد با اين تفاوت که حاشيه بيشتري را در نظر ميگيرد و اگر براي دو دفعه متوالي استفاده شود، پاراگراف دوم با حاشيه دو برابر نسبت به اولي نمايان ميشود. در ضمن براي خطوط ساده از  <q> ميتوان استفاده کرد. مثال

<acronym></acronym>
  کاربرد اين تگ براي مختصرنويسي است يعني اگر يک کلمه مانند HTML  داريد با استفاده از آن ميتوانيد کلمات کامل را در يک کادر کوچک به اسم tooltip  قرار دهيد و هنگاميکه کاربرموس را روي آن کلمه ببرد اين کادر باز شده و آنها را نمايش دهد.کلمات کامل را بايد در خصوصيت title=" "  قرار دهيد. مثال

<acronym title="radiodetecting and ranging"> RADAR </acronym>

<abbr></abbr>
اين تگ هم مانند تگ بالا است با اين تفاوت که در مرورگر چيزي را نمايش نميدهد.

 <code></code>  
اگر شما نياز داشتيد تا داخل يک صفحه از وب در مورد کد زبانهاي برنامه نويسي صحبت کنيد، ميتوانيد آنها را بين اين دو تگ قرار دهيد، همچنين براي متغيرها هم از تگ   <var></var> ميتوان استفاده کرد. مثال

<dfn></dfn>
اين تگ نمايانگر کلمه definition و براي توصيف يک متن بکار ميرود که آن متن بصورت مايل ظاهر خواهد شد. مثال

<kbd></kbd>  
 اين هم نمايانگر کلمه keyboard است که حروف را بصورت ساده و تايپي نشان ميدهد. مثال

<samp></samp>
نمايانگر کلمه sample است و براي نمايش نمونه کارتوليد شده از يک برنامه بکار ميرود. مثال

<del></del>
هنگاميکه بخواهيد يک مطلب را حذف کنيد از اين تگ استفاده ميکنيد و يک خطي روي متن بين آنها کشيده ميشود که بطور معمول با تگ <ins> بکار ميرود. اين تگ داراي دو خصوصيت منحصر ميباشد، cite=" " که ميتواند آدرس يک فايل باشد تا توضيحي راجع به علت حذف آن مطلب بدهد و date=" " که تاريخ و زمان حذف را معين ميکند. مثال