آموزش زبان HTML | تگ های HTML

تگ های HTML

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

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

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

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

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

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

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

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

حالت ۱ : <hr>

حالت ۲ : <hr / >

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

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

خواص تگ های HTML :

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

<p border=”1″> متن پاراگراف </p>

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

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

<p id=”P1″ border=”1″ title=”test” > متن پاراگراف </p>

خصوصیات استاندارد تگ های HTML :

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

خصوصیات اصلی تگ های اچ تی ام ال

نکته :  این خاصیت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

نام خاصیتنوع خاصیتشرح
classنام کلاس عنصرمشخص کننده کلاس تگ در کد نویسی برنامه است . این کلاس در کدنویسی CSS و زبان های اسکریپتی کاربرد دارد .
idid عنصرمشخص کننده یک شناسه منحصر به فرد برای تگ در درون سند HTML است . id هر تگ در کدنویسی CSS و زبان های اسکرپیتی کاربرد دارد . توسط id می توان به تگ مورد نظر دست یافت.
style یک خاصیت چند مفدارِی است که خصوصیات قالب دهی و اعمال سبک ها ( CSS ) را برای تگ مورد نظر مشخص می کند .
titletext
متن
متنی است که به صورت tooltip در یک کادر زرد رنگ ، در هنگام قرار گرفتن موس بر روی عنصر نمایش داده می شود .

خصوصیات زبان

نکته : این خاصیت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .

نام خاصیتنوع خاصیتشرح
dirrtl
ltr
تعیین کننده جهت قرار گرفتن نوشته را تعیین می کند ، که یکی از ۲ حالت زیر را می تواند داشته باشد :
ltr : چپ به راست
rtl : راست به چپ
languageنام زبانمشخص کننده زبان برنامه نویسی کد مربوط به تگ است .

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

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