آموزش تگ span در HTML
آخرین بروزرسانی:
آموزش تگ span در HTML
تگ <span>
یکی از تگهای مهم در HTML است که برای اعمال استایل و تغییرات دقیق بر روی بخشهای متنی یا عناصر دیگر استفاده میشود. در این مقاله، با استفاده از توضیحات جامع و مثالهای عملی، توضیحی کامل درباره تگ <span>
ارائه خواهیم داد.
1. تگ span در HTML
تگ <span>
یک تگ بدون معنی است که برای اعمال استایل، تغییرات متنی، یا اعمال دقیق بر روی عناصر متنی یا دیگر عناصر HTML استفاده میشود.
<span>متن یا محتوای دلخواه</span>
2. ویژگیهای تگ span
2.1. style
ویژگی style
به شما اجازه میدهد تا استایلهای CSS را مستقیماً به یک تگ <span>
اعمال کنید.
<span style="color: red; font-weight: bold;">متن استایلدار</span>
2.2. class
و id
ویژگیهای class
و id
به شما اجازه میدهند تا تگ <span>
را شناسایی و استایلدهی کنید یا آنها را به وسیله CSS یا JavaScript انتخاب کنید.
<span class="highlighted">متن با کلاس</span>
<span id="important-text">متن با آیدی</span>
2.3. title
ویژگی title
به شما اجازه میدهد یک متن را به عنوان عنوان مستقل برای تگ <span>
تعیین کنید.
<span title="این یک توضیح است">متن توضیحی</span>
3. مثالهای استفاده از تگ span
3.1. استایلدهی به یک قسمت از متن
<p>این یک <span style="color: blue;">متن آبی</span> است.</p>
3.2. نشان دادن متن با استفاده از کلاس
<p>برخی از <span class="important">کلمات مهم</span> را باید به خاطر بسپارید.</p>
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام