تگ های شیوه نمایش متن (تگ های 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 فرم ها، در HTML
-
نکته : این فهرست مباحث، صرفا منتخبی از کلیدهای آموزشی این موضوع است (که خواندن متوالی آنها توصیه می شود) و برای دیدن کلیدهای آموزشی بیشتر از این موضوع، می توانید بر روی دسته بندی های ستون سمت راست کلیک نمایید.
کپی برداری توسط سایر وب سایت ها، ممنوع بوده و پیگرد قانونی دارد. (بیشتر بدانید)
meysam kiani با سلام وقت بخیر؛
من میخواستم نوشته های یکی از عنوان ها رو توی یک خط نمایش بدم هرچی فونت رو بزرگ و کوچیکم میکنم تفاوتی نداره!
این نشانی وب سایت منه اگه بررسی کنید و بهم خبر بدید ممنون میشم
با تشکر
daystyles.ir
مهدی وقتی از تگ b در یک متن فارسی استفاده میکنم. کل متن در قستی که کد میزنم جابجا میکنه راهی داره که اینجوری نشه
admin سلام.
نگاهی به کدهای CSS صفحه بیندازید و ببینید که آیا مشخصه خاصی برای تگ های b تعیین شده است که باعث این جابجایی می شود و یا خیر.
مثلا ممکن است مواردی مثل padding یا margin یا padding-right یا margin-right یا ... برای تگ های b ذکر شده باشد که می توانید آنها را حذف کنید.
البته می توانید به جای جستجو در کدهای صفحه اصلی، فعلا یک صفحه HTML ساده بسازید و آن بخش از متن خود را در آن کپی کنید و ببینید که در یک صفحه HTML ساده نیز همین مشکل را دارد یا خیر و اگر مشکل دیگر وجود نداشت، آنگاه باید در کدهای صفحه HTML اصلی خود (مثلا کدهای CSS آن) به دنبال منبع مشکل باشید.
