تگ های HTML

تگ های HTML برای نشانه گذاری محتویات صفحات به کار می روند و باعث می شوند که مرورگر بتواند تشخیص دهد هر بخش چه نوع عنصری است. هر تگ HTML ، یک بخش ابتدایی و یک بخش انتهایی دارد که هم نام بوده و به صورت استاندارد طبق شکل کلی زیر به کار می روند :

< تگ انتها / > محتویات < تگ ابتدا >

تگ ابتدایی مشخص کننده آغاز تگ و تگ پایانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، باید حتما در ادامه توسط تگ پایانی بسته شود . کلیه نوشته ها و تگ های دیگری که در بین تگ ابتدا و پایان نوشته می شوند ، محتویات تگ را تشکیل می دهند.

حتما بخوانید: تگ اسکریپت (Script)

انواع تگ های Html :

توجه داشته باشید که شکل گفته شده در بالا به صورت استاندارد می باشد. اما در HTML سه نوع تگ وجود دارد :

تگ‌های یکه. مانند ‎<HR>‎ که خط رسم می‌کند.
تگ‌هایی که شروع و پایان دارند. مثل: ‎<head></head>‎
تگ‌هایی که دارای ویژگی می‌باشند. مثل:

‎<a href=”http://www.future-gate.ir”>متن</a>

توجه ۱ : تگ های یکه را میتوان به دو شکل نوشت که حالت دوم آن استاندارد می باشد :

حالت ۱ : <hr>

حالت ۲ : <hr / >

نکته ۱ : تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نیستند ، یعنی تگ های با برابر هستند .

نکته ۲ : هر تگ HTML محتویات درون خود را تحت تاثیر قرار می دهد . برای مثال تگ برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی بین تگ باز و بسته قرار بگیرد ، توپر می شود .

خواص تگ های HTML :

هر تگ اچ تی ام ال دارای مجموعه از خواص است که ویژگی های مختلف آنها را تعیین می کند . هر یک از این خواص را می توان در درون تگ ابتدایی معرفی و مقدار دهی کرد . خواص تگ ها را با علامت = مقدار دهی میکنیم و مقدار آن خاصیت را داخل ” ” قرار داده میشود. بصورت زیر :

متن پاراگراف

تگ p برای ایجاد پاراگراف می باشد و خاصیت Border برای تگ آن حاشیه ای ایجاد میکند. این مثال صرفا جهت آشنایی با طریقه ی نوشتن خواص تگ ها می باشد و در ادامه به معرفی تگ ها و خواص عمومی آنها می پردازیم .

در صورتی که برای تگی بخواهیم از چندین خواص استفاده کنیم انها را با فاصله (Space) از هم جدا میکنیم :

متن پاراگراف

حتما بخوانید: تگ لینک (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	تعیین کننده جهت قرار گرفتن نوشته را تعیین می کند ، که یکی از ۲ حالت زیر را می تواند داشته باشد : ltr : چپ به راست rtl : راست به چپ
language	نام زبان	مشخص کننده زبان برنامه نویسی کد مربوط به تگ است .

خصوصیات صفحه کلید

نام خاصیت	نوع خاصیت	شرح
accesskey	کلید میانبر	یک میانبر صفحه کلید برای دستیابی به عنصر است .
tabindex	عدد number	شماره ترتیبی قرار کرفتن فوکوس صفحه بر روی عنصر مورد نظر را در هنگام فشردن کلید tab مشخص می کند.

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!

و اما کلام آخر…

تگ‌ های HTML ساختار اصلی صفحات وب را تشکیل می‌دهند و با استفاده صحیح از آن‌ها، می‌توان محتوای جذاب و کاربرپسند ایجاد کرد. هر نوع تگی وظیفه خاصی دارد و ویژگی‌ها امکانات بیشتری را برای سفارشی‌سازی عناصر فراهم می‌کنند.