آموزش HTML - تگ SPAN
تگ span یکی از عناصر inline level و درون خطی می باشد که در مقالات قبلی در مورد آن شرح دادیم . تفاوت تگ های inline level و block level
یک عنصر inline به اندازه ی محتوای خود سطر را اشغال میکند . و در صورت نداشتن محتوا تمام سطر را اشغال نخواهد کرد .
نمونه ای از تگ های inline level :
<span></span>
<td></td>
<a></a>
<img/>
روش استفاده از این تگ :
تگ span به عنوان ظرف و یا قالبی برای متون مورد استفاده قرار خواهد گرفت .
این تگ کاربرد فراوانی در ساخت صفحات html دارد .
با مثال زیر با این تگ بیبشتر آشنا خواهید شد :
<!DOCTYPE html>
<html>
<body>
<p>My mother has <span style="color:blue;font-weight:bold">blue</span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold">dark green</span> eyes.</p>
</body>
</html>
مثال بالا در مرورگر بصورت زیر نمایش داده خواهد شد :
My mother has blue eyes and my father has dark green eyes.
تگ span نیز مانند سایر تگ ها دارای خصوصیات بسیار زیادی می باشد که در آموزش های بعدی و در حال انجام طراحی سایت از آنها استفاده خواهیم کرد . اکثر تگ ها در html یکسری خصوصیات مشابه دارند که با فراگیری خصوصیات چند تگ تقریبا به خصوصیات سایر تگ ها مسلط خواهید شد . بنابراین نگران این موضوع نباشید که هر تگ دارای خصوصیات بسیار زیادی می باشد .!