صفات(Attribute)HTML
آنچه در این مقاله میخوانید
Toggle- صفات HTML کلمات خاصی هستند که اطلاعات اضافی در مورد المنتها ارائه می دهند(ویژگی ها اصلاح کننده المنت HTML هستند.)
- هر المنت یا تگ می تواند صفاتی داشته باشد ، که رفتار آن المنت را تعریف می کند.
- صفات همیشه باید با تگ شروع استفاده شوند.
- صفات همیشه باید با نام و جفت مقدار آن اعمال شود.
- نام و مقادیر صفتها به حروف کوچک و بزرگ حساس هستند و توسط W3C توصیه می شود که فقط با حروف کوچک نوشته شود.
- می توانید چندین صفت را در یک المنت HTML اضافه کنید ، اما باید بین دو صفت فاصله بگذارید.
سینتکس:
<element attribute_name="value">content</element>
مثال:
<!DOCTYPE html> <html> <head> </head> <body> <h1> This is Style attribute</h1> <p style="height: 50px; color: blue">It will add style property in element</p> <p style="color: red">It will change the color of content</p> </body> </html>
در عبارت زیر ، ما از تگهای پاراگراف استفاده کرده ایم که در آن صفتهای style را اعمال کرده ایم. این صفت برای اعمال صفت CSS بر روی هر المنت HTML استفاده می شود. ارتفاع 50px برای المنت پاراگراف فراهم می کند و رنگ آن را به آبی می کند.
<p style="height: 50px; color: blue">It will add style property in element</p>
توجه: بعضی از صفاتی که بیشتر استفاده میشود در زیر آورده شده است.
صفت عنوان (Title) در HTML :
تعریف: از صفات عنوان به عنوان راهنمای متن در بیشتر مرورگرها استفاده می شود و وقتی کاربر مکان نما را روی لینک یا هر متنی حرکت می دهد ، راهنمای متن را نمایش می دهد. می توانید از آن با هر متن یا لینکی برای نشان دادن توضیحات مربوط به آن لینک یا متن استفاده کنید. در زیر با تگ پاراگراف و تگ عنوان مثال آورذه شده است:
مثال:
با تگ <h1>:
<h1 title="This is heading tag">Example of title attribute</h1>
با تگ <p>:
<p title="This is paragraph tag"> Move the cursor over the heading and paragraph, and you will see a description as a tooltip </p>
کد:
<!DOCTYPE html> <html> <head> </head> <body> <h1> This is Style attribute</h1> <p style="height: 50px; color: blue">It will add style property in element</p> <p style="color: red">It will change the color of content</p> </body> </html>
ویژگی href در HTML
تعریف: ویژگی href ویژگی اصلی تگ <a> است. این ویژگی آدرس لینک را می دهد که در آن لینک مشخص شده است. صفت herf هایپرلینک را به وجود می آورد و درصورت خالی بودن، در همان صفحه میماند.
مثال:
با آدرس لینک:
<a href="https://tatoreh.com/programming/web/html/html-attributes/">This is a link</a>
بدون آدرس لینک:
<a href=“”>This is a link</a>
صفت src
صفت src یکی از صفتهای مهم و مورد نیاز المنت <img> است. ومنبع برای تصویری است که برای نمایش در مرورگر لازم است. این صفت می تواند حاوی تصویر در همان پوشه یا پوشه دیگری باشد. نام یا منبع تصویر باید صحیح باشد در غیر این صورت مرورگر تصویر را نمایش نمی دهد.
مثال:
<img src=“whitepeacock.jpg” height=“400” width=“600”>
توجه: مثال بالا صفات height و width دارد، که طول و عرض عکس در صفحه وب را مشخص میکند.
نتیجه:
نقل قول ها: نقل قول های منفرد یا نقل قول های مضاعف؟
در این قسمت مشاهده کرده اید که ، ما از صفت با نقل قول های مضاعف استفاده کرده ایم ، اما برخی از افراد ممکن است از نقل قول های منفرد در HTML استفاده کنند. بنابراین استفاده از نقل قول های منفرد با ویژگی HTML نیز مجاز است. هر دو عبارت زیر کاملاً موردقبول هستند:
<a href=“https://www.javatpoint.com”>A link to HTML.</a>
<a href=‘https://www.javatpoint.com’>A link to HTML.</a>
در HTML5 ، می توانید استفاده از نقل قول در اطراف صفت مقادیر را نیز حذف کنید.
<a href=https://www.javatpoint.com>A link to HTML.</a>
دیدگاهتان را بنویسید
برای نوشتن دیدگاه باید وارد بشوید.