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

تگ span در HTML

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

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

 معرفی تگ span

از تگ span در HTML به منظور دسته بندی کردن عناصر درون خطی و اعمال استایل یا ویژگی خاص روی آن ها استفاده می‌‌شود.

کاربرد تگ span

به منظور درک بهتر کاربرد تگ span در طراحی سایت به مثالی که برایتان می‌زنم توجه کنید فرض کنید که می‌خواهید متن یا محتوایی  را در سایت خود منتشر کنید که بعضی از کلمات موجود در این متن با رنگی متفاوت نسبت به سایر کلمات نشان داده شوند خب برای انجام این کار چه راه حلی به ذهن شما می‌رسد ؟
به چه طریقی می‌توانیم روی این کلمات استایلی متفاوت اعمال نماییم ؟
درصورتی که متن خود درون تگ p  قرار دهید و استایل رنگ قرمز را روی این تگ اعمال کنید تمام کلمات موجود در متن شما استایل رنگ قرمز را خواهند گرفت در صورتی که شما می‌خواستید بعضی از کلمات موجود در متن استایل رنگ قرمز را بگیرند نه همه کلمات موجود در متن ، کمی فکر کنید به نظر شما راه حل این مشکل چیست ؟
مسلما بهترین راه قرار دادن این کلمات درون تگ span و اعمال استایل دلخواه روی آن‌‌هاست.
به مثال زیر توجه کنید :

<p>
    Learning <span style="color:red">HTML5</span> and <span style="color:green">CSS3</span
</p>
معرفی تگ span
نتیجه کد بالا

نکات تکمیلی در مورد تگ span

  • تگ span توسط تمامی مرورگرها پشتیبانی می‌شود .
  • تگ span یک عنصر درون خطی است .

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

تگ span در HTML
امتیاز 4.3 از 6 رای
برچسب ها

علی اسمعیلی

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

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

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

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

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

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

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