این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ span در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ span در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Span در HTML
تگ span که در دسته تگ های اینلاینی ( Inline ) قرار دارد، تگی است که با استفاده از آن میتوان یک تکه از محتوا را بصورت درون سطری ( یاهم درون تگی یاهم درون خطی ) مشخص کرد.
Free-Learn
مثال از تگ span در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ span ( بدون استایل )
|
1 2 3 4 5 |
<body> <p>Salam Khobi? Man <span>Sadegh</span> Hastam.</p> </body> |
مثال شماره ۲ : استایل دادن به تگ span با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 10 |
<style> .mysite{ background-color:#607D8B; color:#fff; padding:4px 10px; border-radius:20px; } </style> |
مثال شماره ۳ : ایجاد جدول کاربران + وضعیت کاربران
|
1 |
<td><span class="user-status active">فعال</span></td> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ span در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ span از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- تگ
spanدر حالت عادی هیچ استایل خاصی نداره ولی خب ما با استفاده از CSS میتونیم به این تگ استایل بدیم. ( همانند مثال شماره ۲ )
