HTML Attributes
عنصر HTML می تواند Attribute هایی داشته باشد. کار این Attribute ها ارائه ی اطلاعات بیشتر به این عناصر است و همیشه در تگ آغازین حاضر می شوند. در اکثر مواقع این Attribute ها دارای جفت های “name=”value هستند که در این جلسه با مهم ترین آن ها آشنا می شویم.
href Attribute
لینک ها در زبان HTML با تگ <a> تعریف می شوند و برای آدرس دهی این لینک ها از Attribute ای به نام href استفاده می شود. مثال:
<a href="https://www.w3schools.com">This is a link</a>src Attribute
این Attributes یکی از پرکاربردترین صفات در HTML می باشد، که در تگ <img> مورد استفاده قرار میگیرد. ما با استفاده از این صفت میتونیم آدرس یا منبع یک تصویر را مشخص نماییم. مثال:
<img src="img_girl.jpg">Width & Height Attribute
از این Attributes برای مشخص کردن طول و عرض عکس در تگ <img> استفاده میشود.مثال:
<img src="img_girl.jpg" width="500" height="600">توجه:در این Attributes اندازه برحسب پیکسل محاسبه میشود.
alt Attribute
متنی را مشخص می کند تا اگر به هر دلیلی تصویر ما به کاربر نمایش داده نشد به جای آن متنی نمایش داده شود تا کاربر بداند آن عکس چه بوده است.
<img src="img_girl.jpg" alt="Girl with a jacket">style Attribute
این Attribute مربوط به استایل می باشد مانند رنگ متن، اندازه ی فونت ها و … .البته این Attribute مربوط به زبان CSS است که همیشه در کنار زبان HTML می‌باشد. مثال:
<p style="color:red">This is a red paragraph.</p>lang Attribute
شما می توانید زبان یک سند را در تگ <html> تعریف کنید. این کار از طریق lang (مخفف language) انجام می شود. مثال:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>دقت کنید که مشخص کردن زبان صفحه تان برای موتور های جست و جو ضروری است.
title Attribute
در واقع title متنی را مشخص می کند که ه اگر موس را روی عنصر خاصی نگه دارید ظاهر می شوند که معمولا شامل توضیحات اضافی در مورد آن عنصر است.مثال:
<p title="I'm a tooltip">
This is a paragraph.
</p>