Attributes در HTML
attribute ها امکانات بیشتری در مورد عناصر HTML برای ما فراهم می کنند. در درس های قبلی در مورد خاصیت ها یا attributes مختصر شرح داده ایم.
attributes در HTML :
- عناصر HTML می توانند attributes داشته باشند
- attribute ها امکانات بیشتری به یک تگ یا عنصر می دهند
- attribute ها همیشه در تگ شروع نوشته می شوند
- attribute ها شامل نام و مقدار هستند مانند : "
- name="value
خاصیت زبان (lang) در HTML
زبان سند HTML را می توان در تگ <HTML> مشخص کرد.
زبان در خاصیت lang اعلام می شود.
اعلام یک زبان برای برنامه های کاربردی (منظور ما خوانندگان سایتتان است) و موتورهای جستجو بسیار مهم است:
<!DOCTYPE html>
<html lang="fa-IR">
<body>
<h1>تیتر</h1>
<p>پاراگراف</p>
</body>
</html>
ما در اینجا fa-IR را درون خاصیت lang قرار داده ایم که زبان کشور ایران، فارسی می باشد.
خاصیت title در HTML
برای نوشتن یک پاراگراف در HTML از تگ <p> استفاده می شود.
برای این مثال در تگ <p> از خاصیت title استفاده می کنیم. مقدار خاصیت title را برابر "چسبون" قرار می دهیم.
<!DOCTYPE html>
<html lang="en-US">
<body>
<p title="درباره چسبون">
!چسبون یک وب سایت آموزش برنامه نویسی می باشد
</p>
</body>
</html>
اگر ماوس خود را بر روی پاراگراف مورد نظر ببرید کلمه ی درباره چسبون نمایان خواهد شد! |
خاصیت href در HTML
در زبان HTML برای اینکه یک لینک ایجاد کنیم از تگ <a> استفاده می کنیم. از خاصیت href برای مسیر لینک استفاده می کنیم.
مثال:
<a href="http://chasboon.ir">این یک لینک است</a>
درباره تگ <a> در آینده بیشتر بحث خواهیم داشت.
خاصیت size در HTML
در زبان HTML برای اضافه کردن تصویر به سند از تگ <img> استفاده می شود.
توسط خاصیت src مسیر و نام فایل را مشخص می کنیم. و توسط خاصیت های width و height اندازه تصویر را تنظیم می کنیم.
مثال:
<img src="image.jpg" width="100" height="100">
خاصیت width و height بصورت پیشفرض با واحد پیکسل اندازه گیری می شود.
خاصیت alt در HTML
یک نام جایگزین برای تگ یا عنصر HTML می باشد. این گزینه برای موتورهای جستجوگر مانند گوگل اهمیت بسیاری برای پیدا کردن عکس های شما دارد. با مشخص کردن خاصیت alt به موتورهای جستجو می گوییم محتوای تصویرمان چیست.
مثال:
<img src="chasboon.jpg" alt="این عکس وب سایت چسبون است" width="200" height="100">