تگ های شیوه نمایش متن (تگ های b و ins و i و sub و sup)، در HTML

معمولا زیاد پیش می آید که بخواهیم بخشی از متن را به شیوه ای خاص نمایش بدهیم ، مثلا برجسته تر ، زیرخط دار ، به صورت زیر نویس ، به صورت بالانویس و ... . در html برای هر یک از این نمایش ها ، تگ های اختصاصی وجود دارد که در ادامه آنها را شرح خواهیم داد .

نمایش متن با حروف پررنگ با تگ <b> :

چنانچه قصد داشته باشیم بخشی از متن با حروف پررنگ نمایش داده شود باید از زوج تگ <b> و <b/> استفاده کنیم . حرف b از حرف اول کلمه Bold گرفته شده است . به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

در مثال فوق ، تفاوت بین یک متن Bold و یک متن غیر Bold نمایش داده شده است .

نمایش متن به صورت زیرخط دار با تگ <ins> :

برای آنکه متن یا کلماتی را به صورت زیرخط دار نمایش دهیم ، تنها کافی است که آن متن یا کلمات را در بین زوج تگ <ins> و <ins/> بنویسیم . به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

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

نمایش متن به صورت ایتالیک با تگ <i> :

چنانچه تمایل داشته باشید بخشی از متن را به صورت ایتالیک نمایش دهید باید آن بخش از متن را بین زوج تگ <i> و <i/> قرار دهید . به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

در مثال فوق تفاوت بین یک متن ایتالیک و یک متن غیر ایتالیک به خوبی نمایش داده شده است .

نمایش متن به صورت زیرنویس با تگ <sub> :

گاهی پیش می آید که بخواهیم یک یا چند کلمه را به صورت زیرنویس بنویسیم . در html برای این منظور از تگ <sub> استفاده می شود . به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

مشاهده می کنید که کلمه subscript به صورت زیرنویس نوشته شده است .

نمایش متن به صورت بالانویس با تگ <sup> :

برای نوشتن یک یا چند کلمه به صورت بالانویس ، باید از زوج تگ <sup> و <sup/> استفاده کنیم . کلماتی که می خواهیم به صورت بالانوبس نوشته شوند باید در بین زوج تگ <sup> و <sup/> قرار بگیرند . به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

در متن بالا ، کلمه superscript به صورت بالانویس نوشته شده است .

  • فهرست مباحث
نویسنده علیرضا گلمکانی
شماره کلید 506
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 3 3 0
meysam kiani
۱۳۹۷/۱۲/۱۴
۱۵:۱۴

با سلام وقت بخیر؛
من میخواستم نوشته های یکی از عنوان ها رو توی یک خط نمایش بدم هرچی فونت رو بزرگ و کوچیکم میکنم تفاوتی نداره!
این نشانی وب سایت منه اگه بررسی کنید و بهم خبر بدید ممنون میشم
با تشکر
daystyles.ir

مهدی
۱۴۰۰/۰۵/۲۵
۰۶:۰۷

وقتی از تگ b در یک متن فارسی استفاده میکنم. کل متن در قستی که کد میزنم جابجا میکنه راهی داره که اینجوری نشه

admin
۱۴۰۰/۰۵/۲۵
۰۸:۰۴

سلام.
نگاهی به کدهای CSS صفحه بیندازید و ببینید که آیا مشخصه خاصی برای تگ های b تعیین شده است که باعث این جابجایی می شود و یا خیر.
مثلا ممکن است مواردی مثل padding یا margin یا padding-right یا margin-right یا ... برای تگ های b ذکر شده باشد که می توانید آنها را حذف کنید.
البته می توانید به جای جستجو در کدهای صفحه اصلی، فعلا یک صفحه HTML ساده بسازید و آن بخش از متن خود را در آن کپی کنید و ببینید که در یک صفحه HTML ساده نیز همین مشکل را دارد یا خیر و اگر مشکل دیگر وجود نداشت، آنگاه باید در کدهای صفحه HTML اصلی خود (مثلا کدهای CSS آن) به دنبال منبع مشکل باشید.

Flower

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو


راهنمای تگ های HTML

راهنمای تگ های HTML بر اساس حرف اول تگ :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z