Attributes (ویژگی ها / خصیصه ها / صفت ها): ویژگی ها در زبان اچ تی ام ال اطلاعات اضافی در مورد عناصر را ارائه می دهند.

در بخش های قبل در مورد تعدادی تگ ها مثال <p>, <h1> صحبت کریم و عملکرد آنها را هم بررسی نمودیم. تاکنون این تگ ها را در ساده ترین شکل ممکن به کاربردیم، اما بسیاری از تگ های اچ تی ام ال می توانند دارای ویژگی هایی باشند که اطلاعاتی را به تگ اضافه کنند.

چند نکته:

ü      تمامی عنصرهای اچ تی ام ال می توانند دارای ویژگی باشند.

ü      ویژگی ها اطلاعات اضافی را برای یک عنصر ارائه می دهند.

ü      ویژگی ها همیشه در تگ شروع نوشته می شوند.

ü      ویژگی ها به صورت نام ویژگی="مقدار" قرار می گیرند.

نام ویژگی عملی است که می خواهید تنظیم کنید. به عنوان مثال، عنصر <p> در مثال زیر دارای ویژگی است که نام آن align می باشد، با استفاده از ویژگی align می توانید تراز (محل) پاراگراف در صفحه را مشخص کنید.

مقدار یا ارزش چیزی است که نوع عمل را مشخص می کندو همیشه در علامت "نقل قول" قرار می گیرد. در مثال زیر برای ویژگی align که عمل مشخص کردن تراز متن است سه مقدار در نظر می گیریم.

توجه: نام و مقدار ویژگی ها به اندازه حروف (کوچک و بزرگ) حساس نیستند، با این حال، کنسرسیوم وب جهان گستر (W3C) توصیه می کند که از حروف کوچک استفاده کنید.

مثال:

<!DOCTYPE html>

<html>

<head>

<title>ویژگی ها در اچ تی ام ال</title>

</head>

<body>

<p align="left">این متن در سمت چپ قرار می گیرد.</p>

<p align="right">این متن در سمت راست قرار می گیرد.</p>

<p align="center">این متن در وسط قرار می گیرد.</p>

</body>

</html>

نتیجه:

ویژگی ها در HTML 

در جدول زیر شما لیستی از مهمترین ویژگی ها به همراه عملکرد آنها را مشاهده می کنید، در ادامه تمامی این ویژگی ها را به صورت جداگانه توضیح خواهیم داد:

عملکرد

نوع تنظیم (مقدار)

نام ویژگی

ساخت لینک یا پیوند با آدرس اینترنتی شما.

URL (نشانی اینترنتی)

href

برای نمایش تصویر در تگ <img>.

آدرس تصویر آپلود شده

src

متن جایگزین تصویر.

دلخواه کاربر (شما تعیین میکنید)

alt

ویژگی استایل ظاهر عناصر مانند رنگ و فونت را مشخص می کند.

رنگ، فونت، اندازه و غیره

style

برای تعیین زبان یک صفحه اچ تی ام ال استفاده می شود.

کدهای زبان کشورها

lang

یک عنوان شناور به عنصر اضافه می کند.

دلخواه کاربر (شما تعیین میکنید)

title

عرض تصویر را مشخص می کند.

مقدار عددی

width

ارتفاع تصویر را مشخص می کند.

مقدار عددی

height

یک عنصر را با زبان CSS پیکربندی می کند.

دلخواه کاربر (شما تعیین میکنید)

class

نام یک عنصر برای استفاده در CSS

دلخواه کاربر (شما تعیین میکنید)

id

ایجاد پس زمینه برای یک عنصر

URL (نشانی اینترنتی)

background

رنگ پس زمینه برای هر عنصر

مقدار عددی، هگزادسیمال، مقدار RGB

bgcolor

تراز عمودی برای عنصرها

Top, bottom, middle

valign

تراز افقی برای عنصر ها

Left, right, center

align

تعیین جهت متن کل سند (راست به چپ و چپ راست)

rtl, ltr

dir

جلسه قبل | جلسه بعد


برچسب ها

HTML | CSS | جاوا اسکریپت | اس کیو ال | پی اچ پی | جی کوئری | ایکس ام ال | بوت استرپ | پایتون | جاوا | وب |
آخرین به روزرسانی این مطلب:

2019-04-08T10:01:18


پربازدیدترین

از اینجا می توانیدمحبوب ترین مطالب را مشاهده کنید