تگ 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>
