location_on تهران ، خیابان آزادی خیابان شهیدان (روبروی مترو حبیب اله ) برج زیتون local_phone 09101874055
بازگشت به لیست مقالات » | پنجشنبه 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  یکسری خصوصیات مشابه دارند که با فراگیری خصوصیات چند تگ تقریبا  به خصوصیات سایر تگ ها مسلط خواهید شد . بنابراین نگران این موضوع نباشید که هر تگ دارای خصوصیات بسیار زیادی می باشد .!

 

 

chat_bubble_outline ارسال نظر

عنوان نظر :
نام شما :
ایمیل :
آخرین مطالب
آموزش HTML  - کاراکترهای رزرو شده

آموزش HTML - کاراکترهای رزرو شده

آموزش HTML  - کاراکترهای رزرو شده یکسری از کارکتر ها و علائم در html  وجود دارند که به تنهایی نمیتوانند در داخل صفحات  html قرار گیرند و ممکن است حتی در کیبرد کامپیوتر ها وجود نداشته ب ...

آموزش html  -  جاوا اسکریپت

آموزش html - جاوا اسکریپت

آموزش html  -  جاوا اسکریپت تگ script  در html  : این تگ به منظور برنامه نویسی سمت کاربر مانند جاوا اسکریپت  javascript  مورد استفاده قرار میگیرد . عنصر <script > ...

آموزش html  تگ head

آموزش html تگ head

 آموزش html  تگ head عنصر head  یکی از مهمترین تگ های html  می باشد که تگ های اساسی و اصلی سایت را در خود جای میدهد . عناصری که درون تگ head  قرار میگیرند میتوانند شامل اسکری ...

expand_less