مقدمه
ویژگیهای HTML یا Attributes برای تغییر رنگ، اندازه و سایر خصوصیات عناصر HTML استفاده میشوند. برای مثال میتوانید با استفاده از Attributeها رنگ یا اندازه متن را تغییر دهید، یا عرض و ارتفاع یک تصویر را تنظیم کنید.
در این آموزش یاد میگیرید چگونه با استفاده از Attributeهای HTML، اندازه و رنگ متن را تعیین کنید.
ساختار کلی Attribute در HTML
یک Attribute داخل تگ آغازین عنصر قرار میگیرد:
<element attribute="property:value;">
ویژگی style در HTML
یکی از پرکاربردترین Attributeها، ویژگی style است که به شما اجازه میدهد مستقیماً به یک عنصر HTML استایل بدهید.
اگرچه در پروژههای واقعی معمولاً از فایل CSS جداگانه استفاده میشود، اما برای یادگیری در این آموزش از Attribute style استفاده میکنیم.
مثال تغییر رنگ و اندازه متن
فایل index.html را باز کرده و کد زیر را در آن قرار دهید:
خروجی:
این متن ۴۰ پیکسل و سبز است.
نمونه خروجی تگ h1 با ویژگی style
بررسی بخشهای مختلف کد
|
بخش کد |
توضیح |
|---|---|
|
|
بزرگترین تگ عنوان در HTML |
|
|
ویژگی (Attribute) برای تعیین استایل عنصر |
|
|
خصوصیت تعیین اندازه متن |
|
|
اندازه متن برابر با ۴۰ پیکسل |
|
|
خصوصیت تعیین رنگ متن |
|
|
رنگ متن سبز |
نکات مهم
-
مقدار ویژگیها داخل “” قرار میگیرد.
-
هر جفت property:value با ; تمام میشود.
-
میتوانید چندین ویژگی را همزمان داخل style بنویسید.
مثال با چند ویژگی مختلف
خروجی:
این یک متن آبی با پسزمینه خاکستری است.
نمونه متن آبی با پسزمینه خاکستری
جمعبندی
در این آموزش یاد گرفتید:
-
Attribute چیست و چگونه در HTML استفاده میشود.
-
چگونه با ویژگی
styleاندازه متن را تغییر دهید. -
چگونه رنگ متن را تغییر دهید.
-
چگونه چندین استایل را همزمان روی یک عنصر اعمال کنید.
از همراهی شما با پارمین کلود سپاسگزاریم.
نظرات کاربران