سلام خدمت همراهان گرامی وبسایت پرنیان طرح
در این مطلب قصد داریم 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