درس چهارم – تعیین ویژگی برای المان های HTML

ساخت وبلاگ

این بخش درمورد ویژگی (Attribute) های هر المان HTML صحبت می کنیم. شما می توانید برای هر المان در HTML نویسی، یک سری ویژگی ها تعیین کنید. این ویژگی ها رو می تونیم تنظیمات یک المان HTML به حساب بیاریم.

 

نکات :

1- ویژگی ها ، می توانند برای هر المانی تعیین و توصیف شوند.

2- ویژگی ها ، الزامی نیستند. تنها برای توصیف بیشتر المان به کار برده می شوند.

3- ویژگی ها ، همیشه در هنگام باز شدن تگ های HTML باید توصیف و نوشته شوند.

ساختار کلی یک ویژگی بصورت زیر است :

name="value"

که name خود ویژگی است و value مقداری که به آن نسبت می دهیم که در ادامه مثال های زیادی در این باره خواهیم دید .

مثال :

فرض کنید می خواهیم یک تگ لینک بنویسیم . همانطور که در درس های گذشته دیدیم ، آدرس یک لینک با href مشخص می شد. href یک ویژگی است و شما مقداری که به آن می دادید ؛ همان value ماست که قابل نسبت دادن به تگ a در HTML بود.

This is a link

حال باید بدانید یک سری ویژگی های عمومی و کلی دیگر وجود دارند که به هر المانی قابل وصل شدن هستند .

1 ) ویژگی class :

این ویژگی زمانی استفاده می شود که شما در کد نویسی HTML خود ، استایل نویسی به زبان CSS نیز داشته باشید.

در CSS نویسی، اگر برای المان مورد نظر تون ، کلاس هایی تعیین کنید ، می توانید با ویژگی class به آن ها دسترسی داشته باشید و آن استایل ها را به المان های HTML خود نسبت دهید .

در این مباحث ، CSS نویسی هدف ما نیست، ولی برای روشن تر شدن موضوع ،

2 ) ویژگی id :

این ویژگی هم مشابه ویژگی class است. یعنی به CSS نویسی شما مربوط می شود. 

3 ) ویژگی style :

شما می توانید بدون اینکه یک بخش از کد نویسی HTML خودتون رو به استایل و CSS نویسی اختصاص بدید ، کد های استایل مورد نظر تون رو بصورت مستقیم داخل تگ مورد نظر تون بیارید. در این مثال کد های CSS رو مستقیماً داخل تگ لینک معرفی کردیم :

 
    This is Link with CSS class
 

 4 ) ویژگی title :

این ویژگی برای اختصاص دادن توضیحات به المان مورد نظر شماست. که بصورت tooltip نمایش داده میشود. tooltip هم اگر نمی دونید چیه ، اینه که وقتی ماوس رو روی یک المان html نگه می دارید، یک متن ظاهر میشه، این بخاطر همین ویژگی title است . یعنی چیزی که در ویژگی title قرار دهید، در tooltip نمایش داده میشود .

 
    This is Link with CSS class
 

 

خب بحث امروز به پایان رسید. اگر سوال یا مشکلی داشتید در همین صفحه کامنت بزارید 

زیبا ترین دنیای اموزشی...
ما را در سایت زیبا ترین دنیای اموزشی دنبال می کنید

برچسب : HTML, آموزش HTML, آموزش HTML به زبان ساده, آموزش استایل دادن در HTML, آموزش استایل دهی به المان ها در HTML, آموزش استایل دهی در HTML, آموزش استفاده از ویژگی ها در HTML, آموزش دادن کلاس CSS به HTML, نویسنده : فاطمه sokoot-eshgh3000 بازدید : 669 تاريخ : چهارشنبه 15 مرداد 1393 ساعت: 14:43