HTML5 مقدماتی

آموزش HTML5 – آشنایی با صفت‌های HTML

آموزش HTML5
آموزش HTML5

آموزش HTML5 – آشنایی با صفت‌های HTML

صفت‌ها در HTML برای ارائه اطلاعات بیشتر در مورد عناصر HTML استفاده می شوند.برخی از خاصیت های صفت ها در HTML به صورت زیر میباشد:

  • عناصر HTML می‌توانند دارای صفت باشند
  • صفت‌ها اطلاعات تکمیلی در مورد عناصر می‌دهند
  • صفت‌ها همیشه در تگ شروع نوشته می‌شوند
  • بعضی از عناصر دارای صفت‌های نام و مقدار می باشند.

به این شکل:

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

برای درک بهتر صفت‌ها در HTML یک مثال برای شما داریم . این مثال در مورد تگ <a> می‌باشد که دارای یک عنصر به عنوان متن و چندین صفت می باشد.در این مثال از صفت href استفاده می کنیم این صفت برای تعریف لینک استفاده می‌شود .

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

در این مثال عبارت This is test link یک عنصر می‌باشد .از  href برای تعریف یک صفت که همان آدرس لینک بود  استفاده شده .با استفاده ار این صفت عنصر مورد نظر به لینک مربوطه پیوند داده شده است .

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

نکته : توجه داشته باشید که همیشه مقادیر صفت‌ها باید در بین علامت ” قرار بگیرید .

نکته ۲ : نام صفت‌ها و مقدار آن‌ها بهتر است با حروف کوچک نوشته شوند .

در فصل های آینده با صفت های مختلف آشنا خواهید شد . در این فصل برخی از صفت های سراسری HTML وارده شده است .

صفت کلاس :

از این صفت برای مشخص کردن یک یا چند classname برای یک عنصر استفاده میشود.کلاس ها در فایل های CSS تعریف می شوند که همان سبک (style) نمایش فایل HTML می باشد . در مثال پایین به یک کلاس در CSS اشاره می کنیم که با نام hide-text تعرف شده است.
آموزش HTML – آشنایی با صفت‌های HTML.

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

صفت id :

از این صفت برای مشخص کردن یک id خاص برای یک عنصر.

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

صفت style :

از این صفت برای مشخص کردن سبک (style) برای یک عنصر استفاده می شود .

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

با استفاده از سبک بالا لینک تعریف شده به صورت زیر ظاهر خواهد شد.

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

صفت value :

از این صفت برای مقدار دادن  به عنصر ها استفاده می‌شوند . این صفت فقط برای عناصری که قابلیت مقدار گرفت دارندقابل استفاده است.

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

با استفاده از دستور بالا یک دکمه ایجاد کردیم که به شکل زیر نمایش داده می شود.(لازم به ذکر است که سبک (style) دکمه تغییر داده شده است).

آموزش HTML5 – آشنایی با صفت‌های HTML
آموزش HTML5 – آشنایی با صفت‌های HTML

همانطور که مشاهد می کنید مقدار value در دکمه قرار گرفته شده است .این صفت کاربرد بسیاری دارد که در فصل های آینده با دیدن مثال های بیشتر با این صفت آشنا تر خواهید شد.

پیروز باشید، طراح باشی


پیروز باشید!
طراح باشی

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

طراح‌باشی

نوشتن دیدگاه

برای نوشتن دیدگاه کلیک کنید

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

پربازدیدها