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

بهاره حسنیبهاره حسنی
486 بازدید
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

Rate this post
دسته بندی آموزش html
اشتراک گذاری

نوشته های مرتبط

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

نشانی ایمیل شما منتشر نخواهد شد.

سبد خرید

سبد خرید شما خالی است.

ورود به سایت