آموزش صفات (Attribute) در HTML

امروز در آموزشگاه کامپیوتر پرتو  ، با آموزش صفات در HTML  همراه شما هستیم.ما به وسیله صفت ها در HTML می توانیم کنترل بیشتري بر تگ ها داشته باشیم . بسیاري از تگ ها صفت هاي منحصر به خود را دارندکه به این صفت ها ، صفت هاي اختصاصی می گویند اما بعضی از صفات نیز بین تگ ها مشترك است و در همه آنها یک کار را انجام می دهند به این صفت ها ، صفتهاي عمومی است . صفت ها همیشه در تگ آغازین به کار می روند و از دو قسمت اصلی تشکیل می شوند :

Name : نام صفتی که می خواهید کنترل کنید . مثلا صفت align براي تگ p نحوه چینش متن پاراگراف را کنترل می کند

Value : مقداري است که براي صفت تعیین می شود . مثلا مقدار right براي صفت align باعث راست چین شدن متن پاراگراف می شود .

Value ها همیشه باید داخل کوتیشن ها (single  یا double) قرار بگیرند و با علامت = به نام صفت منتسب شوند . عناصر می توانند چندین صفت داشته باشند اما نباید صفت ها ، مشابه باشند ! شکل کلی تعریف صفات براي عناصر به این صورت است :

محتوا

مثال زیر پاراگراف را راست چین می کند :

This is a paragraph

همانطور که اشاره شد بعضی از صفت ها که به عنوان صفت هاي عمومی شناخته می شوند در تمام تگ ها کار یکسانی را انجام می دهند . در زیر برخی از این صفات و وظیفه هر یک را مشاهده می کنید :

class : از این صفت براي نسبت دادن کلاسی که به زبان CSS نوشته شده است به یک عنصر استفاده می شود .

dir : جهت گیري متن داخل یک عنصر را کنترل می کند. این صفت دو مقدار rtl براي جهت گیري از راست به چپ و ltr براي جهت گیري از چپ به راست را  به عنوان مقدار می پذیرد . مقدار پیش فرض این صفت ltr است .

id : از این صفت براي تعیین یک شناسه براي یک عنصر استفاده می شود . این شناسه می بایست در صفحه یکتا باشد . از این صفت همچنین براي نسبت دادن یک گزینشگر ID به یک عنصر استفاده می شود .

lang : از این صفت معمولا براي تعیین زبان اصلی به کار رفته در صفحه و براي تگ >html< استفاده می شود . شما می توانید این صفت را براي هر نوع عنصر دیگري که زبان آن غیر از آن چیزي است که در تگ< html> تعریف شده است نیز استفاده کنید  . مقداري که این صفت می پذیرد یکی از کد هاي زبانی مانند …,en,fa,fr خواهد بود .

style : از این صفت براي تعیین یکسري قواعد و مقادیرشان که در زبان CSS تعریف می شوند براي یک عنصر می توان استفاده نمود .

title : این صفت مقداري از نوع رشته ساده را دریافت کرده و آن را به صورت tooltip هنگامی که  نشانگر موس بر روي عنصر قرار گیرد نمایش می دهد  . مثال  استفاده از صفت های بالا در مقدار خالی در تگ body :

در صورتی که تمایل دارید html  را به صورت حرفه ای بیاموزید پیشنهاد می کنیم در کلاس آموزش html – css  شرکت نمایید