• آموزش html
  • تهران کد

فرمت دهی به متن در HTML

سپتامبر 22, 2017adminskآموزش html1 دیدگاه
<html>
<body>

<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><big>This text is big</big></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

</body>
</html>

خروجی کد بالا:

فرمت دهی متن در html

تگ های B , I , em , strong

html از تگ های <b> و <i> برای bold و italic کردن متن ها استفاده می کند. این تگ ها به تگ های فرمت دهی معروف هستند. اغلب <strong> نتیجه ای شبیه <b> و <em> نتیجه ای شبیه <i> بر می گرداند. البته، تفاوتی در معنی این تگ ها وجود دارد. <b> یا <i> به معنی متن bold یا italic می باشند. <strong> یا <em> به این معنی است که می خواهید متن طوری نمایش داده شود که کاربر بفهمد متن مهم است. امروزه تمام مرورگرهای اصلی، متن strong شده را به صورت bold و متن با فرمت em را به صورت italic نمایش می دهند.با این وجود، اگر مرورگری بخواهد متون با فرمت strong را highlight کند متون bold شده را highlight نمی کند.

تگ mark درhtml

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

<!DOCTYPE html>
<html>
<body>
<h2> <mark>متن نشانه گذاری شده</mark> </h2>
</body>
</html>

خروجی کد بالا:

تگ mark در html

تگ del در html

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

<!DOCTYPE html>
<html>
<body>
<p>رنگ مورد عالقه من <del>قرمز </del>آبی</p>
</body>
</html>

خروجی کد بالا:

نمایش متن خط خورده در html

تگ ins در html

با کمک این تگ می توان هر قسمت دلخواه از متن را زیر خط دار نمود:

<!DOCTYPE html>
<html>
<body>
<p>رنگ مورد علاقه من <ins>قرمز</ins> است</p>
</body>
</html>

خروجی کد بالا:

زیر خط دار کردن در html

تگ sub و sup در html

از این دو تگ برای اندیس و توان گذاری برای یک متن استفاده میگردد به قطعه کد زیر و خروجی آن توجه نمایید:

<!DOCTYPE html>
<html>
<body>
<p> 2 <sup>3</sup></p>
<p> 8 <sub>4</sub></p>
</body>
</html>

خروجی کد بالا:

تگ sup و sub در html

1 دیدگاه. ثبت دیدگاه

علیرضا
مارس 23, 2018 12:21 ق.ظ

عالیه

پاسخ

دیدگاهتان را بنویسید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بخش بندی آموزش HTML

  • آموزش html مقدمه
  • شروع کار با HTML در رایانه شخصی
  • مفاهیم پایه‌ای HTML
  • المان های HTML
  • صفت یا اتریبیوت ها در HTML
  • تگ های عنوان در HTML
  • پاراگراف ها در HTML
  • استایل دهی مستقیم به تگ ها
  • فرمت دهی به متن در HTML
  • نقل قول و عناصر استنادی در HTML
  • رنگ ها در html
  • css در HTML
  • لینک ها در HTML
  • عکس ها در HTML
  • جدول ها در HTML
  • لیست ها در html
  • المان های block و inline
  • تگ iframe در html
  • تگ script در HTML
  • تگ head در html
  • صفحه چینی در html
  • HTML واکنشگرا
  • کاراکتر های رزرو شده
  • فرم ها در HTML
  • سایر تگ ها در فرم
  • input type های مختلف در فرم
  • اتریبیوت های فرم
  • ویدیو در HTML
  • پخش صدا در html