با عرض سلام خدمت تمامی همراهان مباحث آموزشی طراحی سایت با HTML در جلسه گذشته با ساختار یک صفحه اچ تی ام آشنا شدیم در این جلسه قصد داریم شما را با مفهوم و کارایی صفت ها در HTML آشنا نماییم .
صفت ها در HTML
به وسیله ی صفت ها یا Attribute ها در HTML می‌توانیم ویژگی ها و تنظیمات خاصی را به تگ های HTML اعمال نماییم و کنترل بیشتری بر روی تگ های HTML داشته باشیم از این رو صفت ها یکی از مهم ترین و اصلی ترین بخش ها در HTML هستند. به عنوان مثال با استفاده از صفت id می توانیم یک شناسه ی منحصر به فرد به تگ های HTML نسبت دهیم.
ما در میزفا علاوه بر کلمه صفت ها، گاها از کلمه خاصیت هم برای معرفی Attribute ها استفاده کرده‌ایم.
انواع صفت ها در اچ تی ام ال (HTML) :
صفت ها در اچ تی ام ال به دو دسته تقسیم می‌شوند: صفت های عمومی و صفت های اختصاصی
-
صفت های عمومی :
این صفات در بین تگ های اچ تی ام ال مشترک هستند و در تمام تگ ها کار یکسانی را انجام می‌دهند به عنوان مثال صفت align برای تگ p نحوه چینش متن پاراگراف را کنترل میکند.
-
صفت های اختصاصی :
این صفات منحصر به تگ های خاصی هستند به عنوان مثال صفت type یک صفت اختصاصی برای تگ input محسوب می‌شود .
صفت ها در HTML از دو بخش Name و Value تشکیل می‌شوند و همیشه در تگ آغازین به کار می‌روند.
- Name: این بخش معرف نام صفت است مثلا صفت class یک صفت عمومی است که همه تگ های اچ تی ام ال از این صفت استفاده می‌نمایند.
- Value: این بخش مقداری را برای صفت تعیین میکند مثلا مقدار rtl برای صفت dir باعث راست چین شدن متن پاراگراف می‌شود.
شکل کلی تعریف صفات برای عناصر به این صورت است:
<tagname attribute1='value' attribute2='value'> content </tagname>
مثال زیر پاراگراف را راست چین میکند:
<p dir="rtl"> معرفی صفات در اچ تی ام ال (HTML) </p>[box type=”note” align=”alignright” class=”” width=”100%”]
نکته :
- توجه داشته باشید که صفت ها همیشه باید داخل دابل کوتیشن (” “) و یا سینگل کوتیشن (‘ ‘) قرار بگیرند و با علامت = به نام صفت منتسب شوند.
- صفات HTML نسبت به کوچکی و بزرگی حروف حساس نیستند اما W3C (کنسرسیوم شبکه جهانی وب) که وظیفه استانداردسازی HTML و CSS را برعهده دارد توصیه میکند که از حروف کوچک (LowerCase) برای نام گذاری صفات استفاده کنید.
[/box]
پایانترم
خب امیدوارم که به صورت خیلی خلاصه با خاصیت ها یا صفت ها آشنا شده باشید. بریم سراغ پایان ترم خودمون.
[box type=”info” class=”question-from-users” width=””]سوال:
یک تگ <a> بسازید و خاصیت href را برابر https://mizfa.com قرار دهید.
همچنین خاصیت‌های alt و title را نیز بسازید و مقدار آن را برابر Mizfa قرار دهید.
مقدار تگ a را برابر میزفا قرار دهید.
به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)
[/box]نتیجه گیری
خب به پایان این جلسه آموزشی طراحی سایت با HTML رسیدیم در جلسه آینده به معرفی صفت های عمومی خواهیم پرداخت امیدوارم مطالب این جلسه برای شما عزیزان مفید واقع شود.
