تگ های شیوه نمایش متن (تگ های 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 به صورت بالانویس نوشته شده است .
- فهرست مباحث
- 1 شروع یادگیری HTML
- 2 HTML چیست ؟
- 3 تگ ها، در HTML
- 4 شروع یک خط جدید، با تگ br ، در HTML
- 5 ایجاد عنوان، با تگ های h1 و h2 و h3 و h4 و h5 و h6 ، در HTML
- 6 ایجاد یک پاراگراف، با تگ p ، در HTML
- 7 تقسیم فایل html به دو بخش head و body ، در HTML
- 8 مشخصه برای تگ ها، در HTML
- 9 نرم افزار Dreamweaver برای راحت تر نوشتن کدها
- 10 تگ div برای ساخت اسکلت سایت، در HTML
- 11 استفاده از id برای دادن نام اختصاصی به هر تگ div ، در HTML
- 12 ساخت اسکلت یک سایت کامل، در HTML
- 13 قرار دادن سایت بر روی اینترنت
- 14 تغییر رنگ پس زمینه سایت، در HTML
- 15 تعیین رنگ، در HTML
- 16 ساخت لینک، در HTML
- 17 تعیین مشخصات فونت ها، با تگ font و مشخصه های face و size و color ، در HTML
- 18 نوشتن توضیحات (Comment)، در HTML
- 19 ترسیم خط افقی، با تگ hr ، در HTML
- 20 تگ های شیوه نمایش متن (تگ های b و ins و i و sub و sup)، در HTML
- 21 نمایش عکس ها، در HTML
- 22 ساخت جدول، در HTML
- 23 ساخت لیست (فهرست)، در HTML
- 24 فرم ها (Form)، در HTML
-
نکته : این فهرست مباحث، صرفا منتخبی از کلیدهای آموزشی این موضوع است (که خواندن متوالی آنها توصیه می شود) و برای دیدن کلیدهای آموزشی بیشتر از این موضوع، می توانید بر روی دسته بندی های ستون سمت راست کلیک نمایید.
meysam kiani با سلام وقت بخیر؛
من میخواستم نوشته های یکی از عنوان ها رو توی یک خط نمایش بدم هرچی فونت رو بزرگ و کوچیکم میکنم تفاوتی نداره!
این نشانی وب سایت منه اگه بررسی کنید و بهم خبر بدید ممنون میشم
با تشکر
daystyles.ir
مهدی وقتی از تگ b در یک متن فارسی استفاده میکنم. کل متن در قستی که کد میزنم جابجا میکنه راهی داره که اینجوری نشه
admin سلام.
نگاهی به کدهای CSS صفحه بیندازید و ببینید که آیا مشخصه خاصی برای تگ های b تعیین شده است که باعث این جابجایی می شود و یا خیر.
مثلا ممکن است مواردی مثل padding یا margin یا padding-right یا margin-right یا ... برای تگ های b ذکر شده باشد که می توانید آنها را حذف کنید.
البته می توانید به جای جستجو در کدهای صفحه اصلی، فعلا یک صفحه HTML ساده بسازید و آن بخش از متن خود را در آن کپی کنید و ببینید که در یک صفحه HTML ساده نیز همین مشکل را دارد یا خیر و اگر مشکل دیگر وجود نداشت، آنگاه باید در کدهای صفحه HTML اصلی خود (مثلا کدهای CSS آن) به دنبال منبع مشکل باشید.