آموزش Format متن در HTML

بازدید: 534 بازدید
html format

در زبان html تگ هایی برای  فرمت بندی نوشته ها وجود دارند.

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

سلام خدمت همراهان گرامی وبسایت پرنیان طرح

در این مطلب قصد داریم Format های متن در زبان html را به شما آموزش دهیم.

 معرفی Format های html :

متن ها در زبان html میتوانند بصورت ساده و بدون فرمت باشند ، اما تگ هایی در html هستند که متن را به شیوه ا ی خاص نمایش میدهند.

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

این تگ ها نوشته را با فرمتی متمایز از سایر نوشته نشان میدهد.

توسط فرمت ها میتوانیم متن را به صورت زیر نویس ، بالا نویس ، به صورت برجسته یا خط کشیدن زیرش متفاوت از سایر نوشته ها نشان دهیم.

فرمت نوشته با تگ <b> :

برای نمایش متن با حروف پررنگ از تگ <b> استفاده میکنیم.

این تگ نوشته را به صورت bold (پررنگ) نمایش میدهد.

مثال زیر یک نوشته را با تگ <b> bold کرده ایم.

[php]

<html>
<body>

<p><b>This text is bold</b></p>

</body>
</html>

[/php]

فرمت نوشته با تگ <i> :

با تگ <i> میتوان فونت نوشته را به صورت italic (کج) نوشت.

بخشی از متن را که میخواهیم به حالت  مورب بنویسیم ، با تگ باز و بسته ی <em></em> مینویسیم و نتیجه را در خروجی مشاهده میکنیم.

به مثال زیر توجه کنید:

[php]

<html>
<body>

<p><i>This text is italic</i></p>

</body>
</html>

[/php]

mark کردن متن :

با استفاده از تگ mark نوشته را هایلایت میکنیم و پس زمینه نوشته رنگی میشود.

مثال:

[php]

<html>
<body>

<h2>HTML <mark>Marked</mark> Formatting</h2>

</body>
</html>

[/php]

 تگ small در html :

با تگ small میتوانیم سایز نوشته را کوچکتر از سایر متن ها کنیم.

مثال:

[php]

<html>
<body>

<h2>HTML <small>Small</small> Formatting</h2>

</body>
</html>

[/php]

تگ del در html :

از تگ del برای خط زدن روی نوشته استفاده میکنیم.

نمونه مثال زیر را ببینید :

[php]

<html>
<body>

<p>The del element represents deleted (removed) text.</p>

<p>My favorite color is <del>blue</del> red.</p>

</body>
</html>

[/php]

تگ ins در html :

استفاده از تگ ins در html جهت زیر خط دار کردن متن است.

مثال:

[php]

<html>
<body>

<p>The ins element represent inserted (added) text.</p>

<p>My favorite <ins>color</ins> is red.</p>

</body>
</html>

[/php]

معرفی تگ sub : 

این تگ محتوای درون خودش را به صورت زیر نویس (اندیس) نشان میدهد.

subscript ها متن را به اندازه ی نصف ارتفاع یک کاراکتر پلیین تر از سایر کاراکتر ها قرار میدهد و اندازه کوچکتری نسبت به متون دیگر دارند.

به مثال زیر توجه کنید:

[php]

<html>
<body>

<p>This is <sub>subscripted</sub> text.</p>

</body>
</html>

[/php]

معرفی تگ sup در html :

این تگ به منظور بالا نویس کردن متن در html است.

تگ sup (spuperscript) برخلاف تگ subscript است و متن را به اندازه نصف ارتفاع یک کاراکتر بالاتر از سایر کاراکتر ها نشان میدهد.

مثال:

[php]

<html>
<body>

<p>This is <sup>superscripted</sup> text.</p>

</body>
</html>

[/php]

منبع : www.w3schools.com

دسته بندی آموزش html
اشتراک گذاری
مقالات مرتبط

دیدگاهتان را بنویسید

سبد خرید

هیچ محصولی در سبد خرید نیست.