گروهی از تگ های اچتمل به فرمت دهی و تعيين شکل نمايش متون ( مثلا ضخیم یا bold بودن، مورب یا ايتاليک بودن ) میپردازند.(به یاد داشته باشد که در نسخه 4 اچتمل این خواص به استایل شیتها محول شده است.) در اين درس با اين گروه از تگهای formating آشنا خواهيد شد:

<b> , <big> , <code> , <del> , <em> , <i> , <ins> , <kbd> , <pre> , <s> , <samp> , <small> , <strike> , <strong> , <sub> , <sup> , <tt> , <u> , <var>

درس قبلی، درس بعدی

مثالهای شکل دهی متون (Text Formatting)
در مثالهای زير نحوه استفاده از عناصر و تگهای شکل دهی متون شرح داده شده اند:

شکل دهی متون
شکلهای مختلف نمايش متون با کمک عناصر b , strong , big , em , i , small , sub , sup

متون از قبل شکل دهی شده
نمايش متون از قبل شکل داده شده با کمک عنصر pre يا pre Formatted
برای نمايش اشعار فارسی استفاده از عنصر pre بهترين انتخاب ميباشد.

عناصر ديگر شکل دهی متن
نمايش متون deleted، underline و ... با کمک عناصر code , kbd , tt , samp , var , del , ins

نحوه ديدن سورس کدهای اچتمل (HTML Source)

• اگر ميخواهيد که سورس یا اصل کدهای اچتمل صفحات وب را ببينيد کافی است که در منوی View مرورگرتان حالت Source يا Page Source را انتخاب کرده و مرورگر کد اچتمل را درون اديتوری باز کرده و قابل ذخيره توسط شما برای استفاده های بعدی ميباشد.
• اگر صفحه مورد نظر از مجموعه فريمها (Frameset) استفاده کرده باشد برای ديدن سورس کد اصلی فريمها کافی است که ابتدا با کمک روش بالا به مشاهده سورس کدهای اچتمل پرداخته (لازم به توضيح است که در اين حالت فقط تعاريف کلی فريمها قرار دارند.) و سپس برای ديدن کد اچتمل اختصاصی هر صفحه بايد پس از "Right Click" روی هر صفحه "View Source" کرده و کد اچتمل هر فريم را جداگانه ببينيد.
• اگر طراح سايت با کمک Java Script مانع ديدن سورس توسط شما ميشود، ابتدا در منوی Tools/Internet Options.../Security/Custom Level مرورگرهای اکسپلورر امکانات جاواسکريپت مرورگر را غير فعال کرده (disable) و سپس مراحل بالا را تکرار کنيد!!!

چند نکته کاربردی:

1. در استفاده از Underline دقت كنيد چون در اكثر مرورگرها، پيوندها با اين خطوط زیری نشان داده مي شوند و اين مساله ميتواند كاربران را دچار اشتباه كند .
2. به كارگيري تگهاي EM و STRONG كه جايگزين تگهاي I و B هستند ، اين اطمينان را مي دهد كه صفحه شما توسط همه مرورگرها بصورت صحيح نمايش داده خواهد شد .
3. به ترتيب بسته شدن تگهاي پاياني در مثال زير دقت كنيد، همان گونه كه مشاهده مي كنيد عنصر STRONG بعد از عنصر U شروع شده است ، به همين خاطر تگ خاتمه دهنده آن قبل از تگ خاتمه دهنده U قرار مي گيرد.
   
   <U>version <STRONG>2.0</STRONG></U>

تگهای فرمت دهی متون

Start Tag	Purpose	کاربرد
<b>	Defines bold text	نمايش توپر
<big>	Defines big text	نمايش در اندازه بزرگ
<em>	Defines emphasized text	نمايش بصورت تاکيد شده
<i>	Defines italic text	نمايش ايتاليک يا کج
<small>	Defines small text	نمايش در اندازه کوچک
<strong>	Defines strong text	نمايش قوی یا همان Bold
<sub>	Defines subscripted text	نمايش پايين تر از خط افقی
<sup>	Defines superscripted text	نمايش بالاتر از خط افقی
<ins>	Defines inserted text	نمايش به صورت خط زير
<del>	Defines deleted text	نمايش به صورت خط خورده
<s>	Deprecated. Use <del> instead	از رده خارج
<strike>	Deprecated. Use <del> instead	از رده خارج
<u>	Deprecated. Use styles instead	از رده خارج

Start Tag	Purpose	کاربرد
<code>	Defines computer code text	نمايش کدهای برنامه نويسی
<kbd>	Defines keyboard text	نمايش متن بصورت صفحه کليدی
<samp>	Defines sample computer code	نمايش کدهای نمونه برنامه نويسی
<tt>	Defines teletype text	نمايش تله تايپ
<var>	Defines a variable	نمايش متغييرها
<pre>	Defines preformatted text	نمايش متون از قبل فرمت شده

مرجع : HTML 4.01 Specification - فهرست عناصر - فهرست شناسه ها

---