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

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

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

  • معرفی صفات در HTML

  • آموزش صفت کلاس (Class)  در HTML

  • آموزش صفت آی دی (id) در HTML

  • آموزش صفت Title در HTML

  • آموزش صفت Style در HTML

 

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

 

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

 

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

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

 

<tagname نام صفت1=’مقدار’ نام صفت2=’محتوا’ . . . >محتوا</tagname>

 

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

<p align=’right’>This is a paragraph</p>

 

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

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

 

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

 

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

 

 

 

 

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

 

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

 

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

 

<body dir=””  lang=”” style=”” id=”” >

 

 

[download id=”4600″]

 

0 پاسخ

دیدگاه خود را ثبت کنید

میخواهید به بحث بپیوندید؟
احساس رایگان برای کمک!

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *