تگ span و div از سری آموزش های جامع html در سایت

تگ span و div

آموزش تگ های پیشرفته HTML

استفاده درست و بهینه از تگ های پیشرفته ی اچ تی ام ال ، میتواند سند html را دارای روح و جذابیت کند.

در زیر می توانید این کدها و تگ های html را مشاهده نمایید و آموزش ببینید:

تگ محدوده متن Span
تگ محدوده فضا Div
عکس محدوده ای Map , Area
تگ لیست Ul , Li
تگ جدول بندی Table , Td , Tr
تگ مولتیمدیا Object , Param
تگ فریم Frame , iFrame , Frameset
فرم – تگ های Form , Input
فرم – تگ های Button , Label , Textarea
فرم – تگ های Select , Option , Optgroup

 

تگ محدوده متن Span

تگ span

تگ span برای متن های کوتاه استفاده می شود. ولی ترجیحا از این تگ بهتر است استفاده نشود.

زمانیکه شما از تگ span استفاده میکنید ، میتوانید از ویژگی های CSS یا Javascript برای این تگ استفاده کنید.

تگ span ، در واقع همان کنترل Label در asp.net میباشد.

این تگ به صورت کلی زیر به کار میرود :

<p>My mother has <span style="color:blue">blue</span> eyes.</p>

Global Attributes in HTML

در استفاده از این تگ شما میتوانید از ویژگی های عمومی (Global Attributes) استفاده کنید.

که در بخش ویژگی های عمومی در HTML به طور کلی در مورد آن توضیح داده ایم.

Event Attributes

همچنین میوانید از رویدادهای (Event Attributes) استفاده کنید.

 

تگ محدوده فضا Div

تگ div

تگ div از پر کاربردترین تگ ها در طراحی وب سایت میباشد، این تگ جایگزین بسیار خوبی برای تگ <table> میباشد

تگ table دارای تگ های اضافه زیادی از جمله تگ <td> و تگ <tr> میباشد.

نکته : استفاده از تگ table در طراحی سایت پیشنهاد نمیشود و بهتر است از چینش موزائیکی در طراحی سایت ، بوسیله ی تگ div ، استفاده شود.

کاربردهای تگ div

• شما میتوانید یک سند HTML را به بخش یا بخشهای مختلفی تقسیم بندی کنید.

• زمانیکه میخواهید به گروهی از تگ ها یک style در css اضافه کنید میتوانید تمام این تگ ها را در داخل تگ <div> قرار دهید ،

سپس به آن تگ <div> ، استایل مورد نظر خود را اعمال کنید با این روش تمام تگ هایی که در داخل تگ <div> میباشند از این استایل ارث میبرند.

در مثال زیر تگ <h3> و تگ <p> ، استایل تگ <div> را ارث میبرند.

<div style="color:#0000FF">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>

 

امیدوارم از مقاله ی آموزشی تگ span و div راضی بوده باشید.

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