آموزش کامل HTML و HTML5: صفات تگ های HTML

آموزش کامل HTML و HTML5: صفات تگ های HTMLReviewed by محمدرضا on Jan 15Rating: 5.0

صفت چیست؟

صفات یا ویژگی های تگ های HTML اطلاعات بیشتری در مورد یک تگ مورد نظر میتوانند داشته باشند. در واقع ویژگی های یک تگ توضیحات بیشتری در رابطه با آن تگ به ما ارائه می کند.

تمامی ویژگی ها یک تگ درون تگ آغازین و بعد از نام تگ قرار میگیرند که این ویژگی ها دارای یک نام و یک مقدار میباشند.

نام صفت: نام صفتی که میخواهیم کنترل کنیم به عنوان مثال صفت align برای تگ p که نحوه ی چینش متن را کنترل میکند.

مقدار صفت: مقداری که برای یک صفت تعیین می شود. مثلا مقدار center برای صفت align در تگ p که باعث وسط چین شدن متن موجود در تگ p می شود.

شکل کلی تعریف صفت برای یک تگ بصورت زیر می باشد:

<tagname attribute1="value1" attribute2="value2"> content </tagname>

به مثال زیر دقت کنید:

<p align="center">این یک پاراگراف وسط چین شده است</p>

توسط مقدار center برای صفت align در تگ p توانستیم متن موجود در تگ p را وسط چین کنیم.

باید متوجه شده باشید که اگر مقدار center را به left یا right تبدیل کنیم به ترتیب باید متن ما چینش به چپ و راست کند.

نکته ی مهم: در تمامی مراحل یادگیریتان سعی کنید تا بطور عملی تمامی مثال ها رو خودتان در نرم افزار Notepad++ تایپ کنید و نتیجه را در مرورگر ببینید، در جلسات بعدی با تگ های بیشتر و کاربردی تری آشنا خواهیم شد که اگر بخواهید فقط خواننده ی این آموزش ها باشید نمیتوانید به خوبی این زبان را یاد بگیرید.

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

معرفی صفات عمومی:

dir: جهت گیری متن داخل یک عنصر را کنترل میک ند و دارای دو مقدار زیر است :

rtl: برای جهت گیری متن از راست به چپ

ltr: برای جهت گیری متن از چپ به راست

مثال:

<p dir="rtl"> این یک پاراگراف راست به چپ است </p>

class: از این صفت زمانی استفاده میکنیم که بخواهیم یک کلاس css را به یک تگ نسبت دهیم که مقدار این صفت برابر است با نام کلاسی که در css قرار است تعریف کنیم.

مثال:

<p class="p-class"> این یک پاراگراف است </p>

id: این صفت نیز دقیقا مشابه همان صفت class است با این تفاوت که این صفت باید یکتا باشد و نباید برای دو عنصر مقدار این صفت را برابر قرار دهیم.

مثال:

<p id="p-id"> این یک پاراگراف است </p>

lang: از این صفت برای تعیین زبان اصلی سایت به کار رفته و برای تگ <html> استفاده می شود.

مقدار en به معنای انگلیسی و مقدار fa به معنای فارسی است.

مثال:

 

<html lang="fa">

content

</html>

title: این صفت مقداری متنی را که دریافت میکند زمانی نمایش می دهد که با ماوس روی آن برویم که این خاصیت را tooltip میگویند.

مثال:

<p title="سایت فاب تم">fabtheme</p>

خب دوستان تا به اینجا شما با ساختار کلی یک صفحه ی وب آشنایی کامل دارید و دقیقا می دانید تگ و صفت چیست و کجا و چگونه استفاده می شود. در جلسات آینده با تگ های HTML آشنا خواهید شد.

برای یادگیری بهتر و کامل تر خودتان کدها را در ویرایشگر بنویسید و نتیجه را در خروجی مشاهده کنید.

موفق باشید…

Html Html5 آموزش طراحی رابط کاربری

درباره محمدرضا

دیدگاه خود را بیان کنید