آموزش HTML قسمت هشتم – " HTML Text Formatting"
در قسمت قبلی پاراگراف ها در html را توضیح دادیم و در این مطلب قصد دارم تا شما را با عناصر قالب بندی متن در html و نحوه ی استفاده و کاربرد آن آشنا کنم پس در ادامه با ما همراه باشید.
HTML Text Formatting
متن ها در زبان html بصورت ساده و بدون فرمت نمایش داده مشوند ، اما تگ هایی در html هستند که متن را به شیوه ا ی خاص نمایش میدهند.
HTML Formatting Elements
عناصر قالب بندی برای نمایش انواع خاص متن طراحی شده اند که در ادامه به معرفی انها میپردازیم:
- <b> - برای ضخیم کردن متن (Bold text)
- <strong> - ضخیم کردن متن برای متن های مهم (Important text)
- <i> - ایتالیک کردن متن (italic text)
- <em> - برای برجسته کردن متن (Emphasized text)
- <mark> - هایلایت کردن (Marked )
- <small> - ریز تر کردن متن (Smaller text)
- <del> - خط کشیدن روی متن (Deleted text)
- <ins> - تاکید برای اضافه شدن متن (Inserted text)
- <sub> - ایجاد یک زیر نویس (Subscript text)
- <sup> - ایجاد ک بالانویس (Superscript text)
HTML <b> and <strong> Elements
ما میتوانیم با استفاده از تگ <b> یک متن بولد شده را ایجاد نماییم.
<b>This text is bold</b>
تگ <strong> محتوا را با قلم توپر نمایش می دهد و اهمیت معنایی آن را به خواننده اطلاع می دهد. متنی که بین تگ <strong>…… </strong> قرار می گیرد، به عنوان متن مهم در نظر گرفته می شود.
<strong>This text is strong</strong>
HTML <i> and <em> Elements
با تگ <i> که مخفف italic است متن مورد نظر را ایتالیک می کنیم.
<i>This text is italic</i>
تگ<em> هم همانند تگ <i> برای تاکید بیشتر متن را کج میکند.
<em>This text is emphasized</em>
توجه: مرورگرها <strong> همانند <b> و <em> را همانند <i> نمایش می دهند. با این حال ، در معنای این تگ ها تفاوت وجود دارد: <b> و <i> متن بولد و ایتالیک را تعریف می کند ، اما </ strong> و <em> به این معنی است که متن "مهم" است.
HTML <small> Element
تگ<small> یک متن ریز تر تعریف میکند.
<h2>HTML <small>Small</small> Formatting</h2>
HTML <mark> Element
برای های لایت کردن یا مارک دار کردن یا علامت دار کردن تکه ای از متن از تگ <mark> استفاده می کنیم.
<h2>HTML <mark>Marked</mark> Formatting</h2>
HTML <del> Element
برای ایجاد متن هایی که روی انها یک خط قرار میگرد (پاک شده) می توان از تگ <del> استفاده نمود.
<p>My favorite color is <del>blue</del> red.</p>
HTML <ins> Element
تگ <ins> متن درج شده یا اضافه شده را تعریف می کند.
<p>My favorite <ins>color</ins> is red.</p>
HTML <sub> Element
برای ایجاد یک زیر نویس در پاراگراف از تگ <sub> استفاده می کنند.
<p>This is <sub>subscripted</sub> text.</p>
HTML <sup> Element
برای بالانویس کردن یک متن از تگ <sup> استفاده کنید.
<p>This is <sup>superscripted</sup> text.</p>
عناصر قالب بندی متن HTML در یک نگاه
| Description | Tag |
|---|---|
| Defines bold text | <b> |
| Defines emphasized text | <em> |
| Defines italic text | <i> |
| Defines smaller text | <small> |
| Defines important text | <strong> |
| Defines subscripted text | <sub> |
| Defines superscripted text | <sup> |
| Defines inserted text | <ins> |
| Defines deleted text | <del> |
| Defines marked/highlighted text | <mark> |
ممنون از اینکه با ما همراه بودید ،اگر سوال یا پیشنهاد خاصی دارید می توانید از قسمت نظرات آنها را با ما در میان بگذارید.