تگ span در 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 یک عنصر درون خطی است .

پایانترم

سوال:

یک پاراگراف بنویسید که درون آن یک کلمه به رنگ قرمز و یک کلمه به رنگ سبز نمایش داده شود.

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

نتیجه گیری

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