با عرض سلام خدمت تمامی همراهان مباحث آموزشی طراحی سایت با HTML در جلسه گذشته با ساختار یک صفحه اچ تی ام آشنا شدیم در این جلسه قصد داریم شما را با مفهوم و کارایی صفت ها در HTML آشنا نماییم .
سرفصل‌های پست
صفت ها در HTML:
به وسیله ی صفت ها در HTML می‌توانیم ویژگی ها و تنظیمات خاصی را به تگ های HTML اعمال نماییم و کنترل بیشتری بر روی تگ های HTML داشته باشیم از این رو صفت ها یکی از مهم ترین و اصلی ترین بخش ها در HTML هستند . به عنوان مثال با استفاده از صفت id می توانیم یک شناسه ی منحصر به فرد به تگ های HTML نسبت دهیم .
انواع صفت ها در اچ تی ام ال (HTML) :
صفت ها در اچ تی ام ال به دو دسته تقسیم می‌شوند : صفت های عمومی و صفت های اختصاصی
-
صفت های عمومی :
این صفات در بین تگ های اچ تی ام ال مشترک هستند و در تمام تگ ها کار یکسانی را انجام می‌دهند به عنوان مثال صفت align برای تگ p نحوه چینش متن پاراگراف را کنترل میکند.
-
صفت های اختصاصی :
این صفات منحصر به تگ های خاصی هستند به عنوان مثال صفت type یک صفت اختصاصی برای تگ input محسوب می‌شود .
صفت ها در HTML از دو بخش Name و Value تشکیل می‌شوند و همیشه در تگ آغازین به کار می‌روند.
- Name: این بخش معرف نام صفت است مثلا صفت class یک صفت عمومی است که همه تگ های اچ تی ام ال از این صفت استفاده می‌نمایند.
- Value : این بخش مقداری را برای صفت تعیین میکند مثلا مقدار rtl برای صفت dir باعث راست چین شدن متن پاراگراف می‌شود.
شکل کلی تعریف صفات برای عناصر به این صورت است:
|
1 |
<tagname attribute1='value' attribute2='value'> content </tagname> |
مثال زیر پاراگراف را راست چین میکند:
|
1 |
<p align='right'> معرفی صفات در اچ تی ام ال (HTML) </p> |
نکته :
- توجه داشته باشید که صفت ها همیشه باید داخل دابل کوتیشن (” “) و یا سینگل کوتیشن (‘ ‘) قرار بگیرند و با علامت = به نام صفت منتسب شوند.
- صفات HTML نسبت به کوچکی و بزرگی حروف حساس نیستند اما W3C (کنسرسیوم شبکه جهانی وب) که وظیفه استانداردسازی HTML و CSS را برعهده دارد توصیه میکند که از حروف کوچک (LowerCase) برای نام گذاری صفات استفاده کنید.
خب به پایان این جلسه آموزشی طراحی سایت با HTML رسیدیم در جلسه آینده به معرفی صفت های عمومی خواهیم پرداخت امیدوارم مطالب این جلسه برای شما عزیزان مفید واقع شود.
2 نظر
پوریا آریافر
تشکر از زحمات شما مهندس ابراهیمی 🙂
آرزو ابراهیمی
ممنون از انرژی مثبت شما 🙂