درحال بارگذاری

آموزش HTML قسمت هشتم – " HTML Text Formatting"

تاریخ: چهارشنبه, 14 خرداد 99

نویسنده: علیرضا غفاری... بازیدها: 51 - نظرات : 0 دسته بندی: برنامه نویسی


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

ممنون از اینکه با ما همراه بودید ،اگر سوال یا پیشنهاد خاصی دارید می توانید از قسمت نظرات آنها را با ما در میان بگذارید.

 


نویسنده: علیرضا غفاری... بازیدها: 51 - نظرات : 0 دسته بندی: برنامه نویسی

جستجو
کلاس برتر
ارائه دهنده بهترین و به روز ترین ویدیو های و مقالات آموزشی و همچنین مقالات مختلف در رابطه با تکنولوژی ،معماری ،مدیریت و سایر رشته های کاربردی.ما برای شما بهترین ها را میخواهیم.

سایر خدمات مجموعهخدمات زیر تحت مدیریت برد تخصصی ارائه می شود.
طراحی وب سایت
راه اندازی و پشتیبانی شبکه
هوشمند سازی منازل
افزایش کارایی نیرو انسانی
تعمیرات دستگاه های الکترونیکی
طراحی داخلی
تبلیغات فضای مجازی
برنامه نویسی