تهران ، خیابان آزادی خیابان شهیدان (روبروی مترو حبیب اله ) برج زیتون
66073800
بازگشت به لیست مقالات » | پنجشنبه 27 آبان 1395 در ساعت 14 : 43 دقیقه | نظرات کاربران ( 0 )
آموزش HTML  - تگ SPAN

آموزش 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  یکسری خصوصیات مشابه دارند که با فراگیری خصوصیات چند تگ تقریبا  به خصوصیات سایر تگ ها مسلط خواهید شد . بنابراین نگران این موضوع نباشید که هر تگ دارای خصوصیات بسیار زیادی می باشد .!

 

 

ارسال نظر

عنوان نظر :
نام شما :
ایمیل :