آموزش طراحی سایتآموزش HTML

تگ u و تگ ins در HTML

آموزش طراحی سایت با HTML

با عرض سلام خدمت تمامی دنبال کنندگان مقالات آموزش HTML ، در جلسه گذشته به معرفی تگ hr پرداختیم در این جلسه از آموزش طراحی سایت قصد داریم شما را با تگ u و تگ ins در HTML که به منظور زیر خط دار کردن متن به کار می‌روند، آشنا نماییم.

 معرفی تگ u و تگ ins

تگ u و ins هر دو محتوای درون خود را به صورت زیرخط دار (underline) نمایش می‌دهند و در دسته‌ی تگ ‌های قالب بندی متن جای می‌گیرند.
برای درک بهتر کاربرد تگ u و ins در طراحی سایت به مثال زیر توجه کنید :

<p> Training
   <u>
       u tag
   </u>
</p>

<p> Training
    <ins>
         ins tag
    </ins>
<p>
تگ u و ins
نتیجه کد بالا

کاربرد تگ u در HTML

از تگ u در HTML برای نمایش محتوا و یا متنی که دارای سبک نگارشی متفاوتی نسبت به سایر محتواهای موجود در سایت است استفاده می‌شود مثل کلمات دارای غلط املایی .

کاربرد تگ ins در HTML

تگ ins در مقابل تگ del قرار دارد و برای مشخص کردن محتوایی که به تازگی به سایت اضافه شده است از این تگ استفاده می‌شود.

سبک نگارش تگ u و تگ ins

مرورگرها به صورت پیش فرض تگ u و تگ ins را با سبک نگارش و یا استایل زیر نمایش می‌دهند که البته شما می‌توانید با استفاده از CSS این سبک نگارش را تغییر دهید .

u {
    text-decoration: underline;
}

ins {
    text-decoration: underline;
}

نکات تکمیلی در مورد تگ ins و تگ u

  • تگ u و ins از جمله عناصر  Inline Level یا درون خطی به شمار می روند.
  • تگ u و تگ ins توسط تمامی مرورگرها پشتیبانی می‌شوند .

 

خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در قسمت نظرات این مقاله آموزشی مطرح کنید.

تگ u و تگ ins در HTML
امتیاز 4.5 از 2 رای
اینم بخون، جالبه
تگ font در HTML
برچسب ها

علی اسمعیلی

سادگی نهایت پیچیدگیست.

نوشته های مشابه

دیدگاهتان را بنویسید

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

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره رایگان سئو