آموزش HTML – مشخصه ها(Attributes)

Attribute(به فارسی مشخصه، ویژگی) ها اطلاعات بیشتری درمورد المنتها میدن و اونها رو شخصی سازی میکنن. مثلا میتونن مشخص کنن که یک المنت، راست چین ، وسط چین و یا چپ چین باشه. تمام تگهای HTML میتونن Attribute داشته باشن.

مشخصه ها در HTML

  • المنتهای HTML میتوانند مشخصه داشته باشند.
  • مشخصه ها اطلاعات بیشتری در مورد یک المنت ارائه میدهند.
  • مشخصه ها همیشه باید در تگ شروع تعریف شوند.
  • مشخصه ها بصورت نام مشخصه=”مقدار” می آیند.


مثال

<img src="sa-logo.png" width="200" />

برای گذاشتن تصویر در صفحات وب از تگ <img> استفاده میشه. حالا برای اینکه آدرس تصویر یا اندازه اون رو مشخص کنیم باید از مشخصه ها استفاده کنیم.

نکته: نگران این نباشید که هنوز با تگهای استفاده شده آشنایی ندارید در درسهای آینده به اونها میپردازیم.
نکته: تگهای که تگ پاپانی ندارن مثل <img> باید طبق استاندارد تعریف شده قبل از علامت بزرگتر(براکت زاویه(<)) یک forward-slash(/) قرار بدیم مثل مثال بالا.
نکته: نام مشخصه ها و مقدار اونها به حروف بزرگ و کوچیک حساس نیستند اما پیشنهاد میشه همیشه از حروف کوچیک استفاده کنید.

 

مشخصه های سراسری

هر تگی در HTML یکسری مشخصه های منحصر به فرد داره یا فقط دو یا چند تگ اون مشخصه رو دارن مثلا مشخصه src رو فقط تگ <img> داره یا مشخصه href رو فقط تگهای <area> ، <link> و <a> دارن اما مشخصه های هم هستن که همه تگهای HTML اونها رو دارن به این مشخصه ها، مشخصه های سراسری(Global attributes) گفته میشه.
برای مثال مشخصه های id ، class ، style ،accesskey  و title به علاوه ۱۱ مشخصه دیگه همگی سراسری هستن که در ادامه اونها رو معرفی میکنیم.

 مثال ها

مثال اول

استفاده از مشخصه title – ماوس رو روی متن نگه دارید تا عبارت “Hello There!” رو بصورت tool tip ببینید.

<h2 title="Hello There!">Titled Heading Tag</h2>

خروجی:

Titled Heading Tag

مثال دوم

استفاده از مشخصه Align

<h2 align="left">Left-aligned heading</h2>

<h2 align="center">Centered Heading</h2>

<h2 align="right">Right-aligned heading</h2>

خروجی:

Left-aligned heading

Centered Heading

Right-aligned heading

 

دوباره یاداوری میکنم که اینها فقط مثالهایی بودن تا بدونید که مشخصه ها چطور کار میکنن اگر با مشخصه ها و یا تگها آشنایی ندارید نگران نباشید.

آیا درباره این آموزش سوالی دارید؟

سوالی دارید؟

بدون گرفتن نتیجه اینجا رو ترک نکنید! هر سوالی دارید میتونید در عرض ۱۵ ثانیه ثبت نام و خیلی زود جواب بگیرید.

2 دیدگاه برای «آموزش HTML – مشخصه ها(Attributes)»

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

به سوال زیر پاسخ بدهید *