تگ u و تگ ins در HTML

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

با عرض سلام خدمت تمامی دنبال کنندگان مقالات آموزش 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 توسط تمامی مرورگرها پشتیبانی می‌شوند.

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

از تگ u و تگ ins در چه مواردی استفاده می‌شود؟ یک نمونه کد استفاده از این دو تگ را برایمان ارسال کنید.

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

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

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

13 نظر

13 پاسخ

  1. جواب سوال:
    از هر دو برای کشیدن خط زیر نوشته استفاده می شود، با این تفاوت که تگ u برای متنی به کار میرود که صرفا باید متفاوت از بقیه نشان داده شود مثل غلط املایی و غیره .
    تگ ins برای نوشته ای که به جای نوشته حذف شده(نمایش داده شده با تگ del) ثبت شده است به کار برده می شود

  2. از تگ u برای نشان دادن متنی یا عبارتی استفاده میکنیم که سبک نگارشش با بقیه فرق میکنه
    و از ins برای نشون دادن این که محتوای جدیدی یا چیز جدیدی به سایتمون اضافه شده!

    1. سلام فرهان درست گفتی. ممنونم. جایزه‌ات را به زودی دریافت می‌کنی.

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

    1. سلام علی اکبر، درسته. جایزه‌ات را در میزفا اکادمی شارژ کردیم.

  4. هروقت فرصت بشه ادامه مدم
    ممنون از آموزش خوبت و وقتی که میذاری

  5. پاسخ سوال :
    تگ u زیرخط دار کردن محتوایی متفاوت از محتوای موجود
    تگ ins اضافه شدن محتوای جدید
    کد روهم قبلا فرستادم

    1. سلام محمد ممنون و به زودی هدیه‌ات را دریافت می‌کنی. این ۳۷ امین جواب صحیح تو هستش و این یعنی خیلی خوب داری پیش میری. HTML رو سریع تر تموم کن که CSS در انتظارته.

    1. سلام محمد، در چه مواردی از این تگ ها استفاده میشه؟

  6. پاسخ سوال :
    تگ u زیرخط دار کردن محتوایی متفاوت از محتوای موجود
    تگ ins اضافه شدن محتوای جدید
    نمونه

    Life is about creating yourself news here

    1. سلام محمد، مطمئنما که درست نوشتی ولی با توجه به اینکه کد هات تبدیل شده به HTML، خواهشمندم از کد هات برامون عکس بفرستی.

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

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

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

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=