فرمت دهی در HTML

چاپ

فرمت دهی متن در HTML

This text is bold

This text is big

This text is italic

This is computer output

This is subscript and superscript
خودتان امتحان کنید »

تگ های فرمت دهی در HTML

Wiki

HTML از تگ های <b> و <i> برای bold و italic کردن متن ها استفاده می کند.

این تگ ها به تگ های فرمت دهی معروف هستند. (برای دیدن لیستی از این تگ ها به پایین این صفحه نگاه کنید.)

Remark

اغلب <strong> نتیجه ای شبیه <b> و <em> نتیجه ای شبیه <i> بر می گرداند.

البته، تفاوتی در معنی این تگ ها وجود دارد.

<b> یا <i> به معنی متن bold یا italic می باشند.

<strong> یا <em> به این معنی است که می خواهید متن طوری نمایش داده شود که کاربر بفهمد متن مهم است.

امروزه تمام مرورگرهای اصلی، متن strong شده را به صورت bold و متن با فرمت em را به صورت italic نمایش می دهند.

با این وجود، اگر مرورگری بخواهد متون با فرمت strong را highlight کند متون bold شده را highlight نمی کند.


مثال - خودتان امتحان کنید

Wiki

Text formatting
چگونه در یک سند HTML متنی را فرمت دهی کنیم.

Preformatted text
نحوه تنظیم فاصله ها و خط های جدید با استفاده از تگ pre.

"Computer output" tags
تگ های computer output به چه صورت هایی نمایش داده می شوند.

Address
چگونه اطلاعات تماس مالک یا نویسنده یک سند HTML را تعریف کنیم.

Abbreviations and acronyms
چگونه کلمات مخفف را بکار ببریم. (زمانی که اشاره گر موس روی سرنام یا مخفف عبارت مذکور قرار می گرد, عبارت به صورت کامل نمایش داده می شود)

Text direction
نحوه تغییر جهت متن (از آخر به اول).

Quotations
نحوه نوشتن نقل قول های کوتاه و بلند.

Deleted and inserted text
نحوه علامت گذاری متن های زیر خط دار یا حذف شده (روی آن خط کشیده می شود). برای خط زدن یک لغت و درج لغت جایگزین به گونه ای که هر دو کنار هم قرار گیرند استفاده می شود.


تگ های مربوط به قالب بندی متن در HTML

Wiki

تگ توضیحات
<b> متن را به صورت ضخیم یا bold نمایش می دهد.
<strong> متن را به صورت ضخیم یا strong نمایش می دهد.
<em> متن را به صورت مورب یا emphasized (تأکید شده) نمایش می دهد.
<i> متن را به صورت مورب یا italic نمایش می دهد.
<small> متن را به صورت small نمایش می دهد.
<big> متن را به صورت big نمایش می دهد.
<sub> متن را به صورت subscripted نمایش می دهد.
<sup> متن را به صورت superscripted نمایش می دهد.
<ins> متن را به صورت inserted (زیر خط دار) نمایش می دهد.
<del> متن را به صورت deleted (روی آن خط کشیده شده) نمایش می دهد.

تگ های "computer output" در HTML

تگ توضیحات
<code> متن را به صورت computer code نمایش می دهد.
<kbd> متن را به صورت keyboard نمایش می دهد.
<samp> متن را به صورت sample computer code نمایش می دهد.
<tt> متن را به صورت teletype نمایش می دهد.
<var> متن را به صورت variable نمایش می دهد.
<pre> متن را به صورت preformatted نمایش می دهد. (خطوط و فاصله های اضافه در نظر گرفته شده را حفظ می کند)

تگ های Citations ،Quotations و Definition در HTML

تگ توضیحات
<abbr> مخفف کلمه ای را تعریف می کند.
با استفاده از خصوصیت title می توان عبارت کامل آن مخفف را در حالتی که موس روی آن قرار می گیرد نشان داد.
<acronym> سر نام کلمات را تعریف می کند. (در HTML5 پشتیبانی نمی شود)
با استفاده از خصوصیت title می توان عبارت کامل آن مخفف را در حالتی که موس روی آن قرار می گیرد نشان داد.
<address> اطلاعات تماس برای نویسنده با مالک سند را مشخص می کند.
<bdo> با استفاده از خصوصیت bdo می توان کلمات را برعکس کرد. (از آخر به اول یا برعکس)
<blockquote> برای تعریف نقل قول های بلند استفاده می شود.
مرورگر، بصورت پیشفرض قبل و بعد از عبارت نقل قول یک فضای اضافی قرار می دهد. همچنین برای آن Margin در نظر می گیرد.
<q> برای تعریف نقل قول های کوتاه استفاده می شود.
مرورگر، بصورت پیشفرض عبارت را داخل دابل کوتیشن قرار میدهد.
<cite> جهت تعریف نقل قول (citation)
در HTML5 تگ <cite> عنوان یک کار را مشخص می کند اما در HTML 4.01 تگ <cite> یک نقل قول را مشخص می کند.
<dfn> یک عبارت تعریفی را مشخص می کند.