آموزش HTML - بخش سوم
در قسمت قبل با تگهايي آشنا شديد که کنترل کلي نمايش متن را به عهده داشتن و در اين صفحه تگهايي را مياموزيد که کنترل نمايش حروف از لحاظ سايز، ضخامت، نوع آرايش و قرارگيري آنها در کلمه را بعهده دارند که به اين نوع تگها 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 هم هستند که تنظيمات مرورگرها در آنها موثر خواهند بود.
<sup></sup>
حروف يا اعداد بين آنها بالاتر از سطر ظاهر خواهند شد، مانند عدد توان در رياضيات.
<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=" " که تاريخ و زمان حذف را معين ميکند.
<ins></ins>
اين تگ هم بطور معمول با <del> بکار برده ميشود و براي مشخص کردن يک مطلب وارد شده است که داراي خصوصيات درج شده در تگ <del> نيز ميباشد و همچنين اين دو تگ داراي خصوصيت title=" " هم ميباشند که در آن يک پيغام براي بيان علت حذف يا اضافه مطلب ميتوان نوشت.
