خصوصیات html یا Attribute در html – جلسه ششم(ویدیو)

در این جلسه از دوره آموزش html در وب سایت همراه آی سی تی به بررسیخصوصیات html خواهیم پرداخت.

خصوصیات html :

• خصوصیات html اطلاعات اضافه ای در مورد یک عنصر html ارائه می دهند.
•  مثال : تصاویر در html می توانند طول و ارتفاع دلخواهی داشته باشند.
• همه عناصر در html می توانند خصوصیت داشته باشند.
• ویژگی html به طراح این امکان را می دهند که روی عناصر html کنترل داشته باشد.
• براساس استاندارد های w3c بهتر است که خصوصیات در css به عناصر html اعمال شود.

برای خصوصیت دادن به عناصر html ازدستورالعمل زیر استفاده کنید.

•     درون استارت تگ (تگ شروع) بعد از نام عنصر یک بار کلید فاصله را فشار دهید.
•  نام خصوصیت رابنویسیدو بعد از آن علامت مساوی را قرار دهید.
•  مقدار خصوصیت را بعد از علامت مساوی داخل دابل کوتیشن بنویسید.

درمثال زیر چند نمونه از خصوصیات عناصر html را با هم بررسی می کنیم:

Attribute عرض و ارتفاع :(width , height) :

• با استفاده از این خصوصیت می توان عرض و ارتفاع دلخواه را به عنصر داد.
• به تصویر خصوصیت عرض و ارتفاع داده ایم  عرض ۶۰۰ پیکسل و ارتفاع ۴۰۰ پیکسل

  <img width=”۶۰۰px” height=”۴۰۰px”>                 

خصوصیت آدرس لینک (heref) :

• خصوصیت href آدرس لینک را مشخص می کند.
• ( مکانی که با کلیک برروی لینک به آنجا منتقل می شویم)

<a href=”https://www.hamrahict.ir”>این یک لینک است</a>

خصوصیت رنگ (color) :

• با استفاده از این خصوصیت می توان رنگ عناصر را تغییر داد.
• خصوصیت color رنگ پاراگراف را تغییر می دهد.

<p color=”red”>این یک پاراگراف است</p>

خصوصیت آدرس تصویر (src) :

• برای اینکه مرورگر بتواند یک تصویر را نمایش دهد باید از خصوصیت src استفاده کنید و آدرس تصویر را در آن قرار دهید.

<img src=”img_22.jpg”>

خصوصیت متن جایگزین تصاویر:(alt)

این خصوصیت متن جایگزینی را برای تصاویر نمایش می دهد و برای بهینه سازی وب سایت برای موتور های جستجو بسیار مهم است چراکه موتورهای جستجو قادر به تشخیص تصاویرنیستندو متن راتشخیص می دهند.درضمن بعضی از کاربران اینترنت ممکن است نابینا باشندکه گوگل با ربات صوت خوان خود و خواندن متن جایگزین این مشکل را حل می کند و یا به دلیلپایین بودن سرعت اینترنت ممکن است تصویر به کاربر نمایش داده نشود که متن می تواندمفهوم عکس را به کاربر منتقل کند.

<img src=”img_22.jpg” alt=”آموزش php”>

بیشتر بخوانید : تگ های html–بررسی تگ درسنداچ تی ام ال-جلسه سوم (ویدیو)

خصوصیت استایل : (style)

با این خصوصیت می توان روی ظاهر یک عنصراز جمله : رنگ , فونت , اندازه وغیره کنترل داشت.

<p style=”color:red “>من یک پاراگراف هستم</p>

 (lang) :html خصوصیت زبان برای یک سند 

به وسیله این خصوصیت زبان یک سند html مشخص می شود.