کار با متن در HTML

عنوان یا سرتیتر در HTML

عنوان یا سرتیتر در HTML به وسیله تگ های <h1> تا <h6> تعریف می شود. که <h1> برای مهمترین سرتیتر استفاده می شود. <h6> کم اهمیت ترین سرتیتر را تعریف می کند.

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

نکات استفاده از سرتیتر:

از عنصر heading تنها برای سرتیترها استفاده کنید. از آنها برای بزرگ یا bold کردن استفاده نکنید.
موتورهای جستجو از سرتیترهای شما برای شاخص گذاری ساختار و محتوای صفحات وب شما استفاده می کنند.
از آنجایی که کاربران ممکن است صفحات وب شما را با نگاه کردن به سرتیترها از نظر بگذرانند، استفاده از سرتیترها برای اینکه ساختار سند را نشان دهید مهم است.
مرورگرها به طور خودکار مقداری فضای خالی (یک حاشیه) را قبل و بعد از هر سرتیتری اضافه می کنند.

پاراگراف ها در HTML

پاراگراف ها به وسیله تگ <p> تعریف می شوند.

<p>This is a paragraph</p>
<p>This is another paragraph</p>

نکات استفاده از پاراگراف

مرورگرها به طور خودکار یک خط خالی را قبل و بعد از پاراگراف اضافه می کند.

رفتن به خط جدید در HTML

از تگ </ br> برای رفتن به خط جدید بدون اینکه پاراگراف جدیدی را شروع کنیم استفاده می شود. عنصر </ br> یک عنصر تهی در HTML است و دارای تگ پایان نیست.

عنصر <pre> در HTML

با استفاده از عنصر <pre> می توانید فاصله ها و خط های اضافی داخل متن را به همان صورت در مرورگر نمایش دهید

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

گ	توضیحات
<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>	یک عبارت تعریفی را مشخص می کند.

فونت ها در HTML

کنسرسیوم World Wide Web یا (w3c) تگ <font> را از دستوراتش حذف کرده است. از اینرو تگ <font> در HTML 4 رایج نیست و در HTML 5 حذف شده است. در HTML 4، باید از CSS (یا style sheetها) برای تعیین خصوصیات نمایش عناصر استفاده کرد.

<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>