تگ های HTML برای نشانه گذاری محتويات صفحات به کار می روند و باعث می شوند که مرورگر بتواند تشخيص دهد هر بخش چه نوع عنصری است. هر تگ HTML ، يک بخش ابتدايی و يک بخش انتهايی دارد که هم نام بوده و به صورت استاندارد طبق شکل کلی زير به کار می روند :
< تگ انتها / > محتويات < تگ ابتدا >
تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند.
حتما بخوانید: تگ اسکریپت (Script)
انواع تگ های Html :
توجه داشته باشید که شکل گفته شده در بالا به صورت استاندارد می باشد. اما در HTML سه نوع تگ وجود دارد :
- تگهای یکه. مانند <HR> که خط رسم میکند.
- تگهایی که شروع و پایان دارند. مثل: <head></head>
- تگهایی که دارای ویژگی میباشند. مثل:
<a href=”http://www.future-gate.ir”>متن</a>
توجه 1 : تگ های یکه را میتوان به دو شکل نوشت که حالت دوم آن استاندارد می باشد :
حالت 1 : <hr>
حالت 2 : <hr / >
نکته 1 : تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند .
نکته 2 : هر تگ HTML محتویات درون خود را تحت تاثير قرار می دهد . برای مثال تگ < b > برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی بين تگ باز و بسته < b > قرار بگيرد ، توپر می شود .
خواص تگ های HTML :
هر تگ اچ تی ام ال دارای مجموعه از خواص است که ويژگی های مختلف آنها را تعيين می کند . هر يک از اين خواص را می توان در درون تگ ابتدايي معرفی و مقدار دهی کرد . خواص تگ ها را با علامت = مقدار دهی میکنیم و مقدار آن خاصیت را داخل ” ” قرار داده میشود. بصورت زیر :
<p border=”1″> متن پاراگراف </p>
تگ p برای ایجاد پاراگراف می باشد و خاصیت Border برای تگ آن حاشیه ای ایجاد میکند. این مثال صرفا جهت آشنایی با طریقه ی نوشتن خواص تگ ها می باشد و در ادامه به معرفی تگ ها و خواص عمومی آنها می پردازیم .
در صورتی که برای تگی بخواهیم از چندین خواص استفاده کنیم انها را با فاصله (Space) از هم جدا میکنیم :
<p id=”P1″ border=”1″ title=”test” > متن پاراگراف </p>
حتما بخوانید: تگ لینک (Link)
خصوصيات استاندارد تگ های HTML :
در اين قسمت خصوصيات استاندارد تگ های HTML معرفی شده اند . اين خصوصيات در اکثر تگ های HTML مشترک بوده و دارای کاربرد يکسانی هستند .
اين خصوصيات به دليل مشترک بودن ، فقط در اين قسمت ذکر شده و از تکرار آنها در صفحات ديگر خودداری شده است .
خصوصيات اصلی تگ های اچ تی ام ال
نکته : اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .
نام خاصيت | نوع خاصيت | شرح |
class | نام کلاس عنصر | مشخص کننده کلاس تگ در کد نويسی برنامه است . اين کلاس در کدنويسی CSS و زبان های اسکريپتی کاربرد دارد . |
id | id عنصر | مشخص کننده يک شناسه منحصر به فرد برای تگ در درون سند HTML است . id هر تگ در کدنويسی CSS و زبان های اسکرپيتی کاربرد دارد . توسط id می توان به تگ مورد نظر دست يافت. |
style | يک خاصيت چند مفدارِي است که خصوصيات قالب دهی و اعمال سبک ها ( CSS ) را برای تگ مورد نظر مشخص می کند . | |
title | text متن |
متنی است که به صورت tooltip در يک کادر زرد رنگ ، در هنگام قرار گرفتن موس بر روی عنصر نمايش داده می شود . |
خصوصيات زبان
نکته : اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .
نام خاصيت | نوع خاصيت | شرح |
dir | rtl ltr |
تعيين کننده جهت قرار گرفتن نوشته را تعيين می کند ، که يکی از 2 حالت زير را می تواند داشته باشد : ltr : چپ به راست rtl : راست به چپ |
language | نام زبان | مشخص کننده زبان برنامه نويسی کد مربوط به تگ است . |
خصوصيات صفحه کليد
نام خاصيت | نوع خاصيت | شرح |
accesskey | کليد میانبر | يک ميانبر صفحه کليد برای دستيابی به عنصر است . |
tabindex | عدد number |
شماره ترتيبی قرار کرفتن فوکوس صفحه بر روی عنصر مورد نظر را در هنگام فشردن کليد tab مشخص می کند. |
با دریافت « مشاوره برنامهنویسی، وب و سئو » از کارشناسان جوان حرفهای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!
و اما کلام آخر…
تگ های HTML ساختار اصلی صفحات وب را تشکیل میدهند و با استفاده صحیح از آنها، میتوان محتوای جذاب و کاربرپسند ایجاد کرد. هر نوع تگی وظیفه خاصی دارد و ویژگیها امکانات بیشتری را برای سفارشیسازی عناصر فراهم میکنند.