آموزش تگ span در HTML

1 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ span در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ span در HTML به صورت کامل آشنا بشید.

تگ span در HTML

تگ span در دسته بندی مربوط به تگ های اینلاینی ( Inline ) قرار دارد. در واقع این تگ ، تگی است که با استفاده از آن میتوانیم بخشی از یک سطر یا یک محتوا را از سایر بخش های آن متمایز کنیم و به حالت انتخاب در بیاوریم.

مثال از تگ span در HTML

در ادامه دوره آموزشی HTML CSS پروژه محوربه مشاهده چند مثال از این تگ میپردازیم.

مثال اول : استفاده از تگ span ( بدون استفاده از استایل خاص )

<body>
   <p>Salam Khobi? Man <span>milad</span> Hastam.</p>
</body>

دومین مثال : استایل دهی به تگ span با استفاده از CSS اختصاصی

.mysite{
    background-color:#607D8B;
    color:#fff;
    padding:4px 10px;
    border-radius:20px;
}

مثال سوم : ایجاد کردن یک جدول کاربران و همچنین مشخص نمودن وضعیت کاربر

   <td><span class="user-status active">فعال</span></td>

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

پشتیبانی مرورگرها از تگ table

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ sub در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…

پشتیبانی مرورگر هار از تگ table

پشتیبانی تگ span از صفات و رویدادهای عمومی

تگ span قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

نکات و توضیحات تگ span

  • تگ span به صورت پیش فرض فاقد هر گونه استایل یا ویژگی خاصی است. اما ما با استفاده از کد های CSS می توانیم به تگ مورد نظر خود همانند دیگر تگ ها استایل دلخواه خود را دهیم و آن را به زیبا ترین شکل ممکن تبدیل کنیم (به مثال دوم دقت کنید…)
برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

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