امروز : سه شنبه، 24 فروردین 1400

آموزش html - ویژگی های تگ ها

تعداد بازدید: 40

ویژگیهای HTML اطلاعات بیشتری در مورد عناصر HTML ارائه می دهند.

ویژگی های HTML

همه عناصر HTML می توانند دارای ویژگی باشند.
ویژگی ها اطلاعات بیشتری در مورد عناصر ارائه می دهند.
ویژگی ها همیشه در برچسب شروع مشخص می شوند.
ویژگی ها معمولاً به صورت جفت های نام / مقدار می آیند مانند: name = "مقدار"

ویژگی href

برچسب <a> پیوند یا لینک را تعریف می کند. ویژگی href لینک صفحه ای را که پیوند به آن می رود مشخص می کند:

<a href="https://eliagroup.ir">گروه ایلیا</a> 

ویژگی src

برچسب <img> برای جاسازی تصویر در صفحه HTML استفاده می شود. ویژگی src مسیر نمایش تصویر را نشان می دهد:

<img src="img.jpg"> 

ویژگی عرض و ارتفاع

برچسب <img> همچنین باید شامل ویژگی های عرض و ارتفاع باشد که عرض و ارتفاع تصویر (در پیکسل ها) را مشخص می کند:

<img src="img.jpg" width="500" height="600"> 

ویژگی alt

ویژگی Alt برای برچسب <img> مورد نیاز است و متن جایگزین برای یک تصویر را مشخص می کند، اگر تصویر به دلایلی امکان نمایش وجود نداشته باشد.مثلاً به دلیل کندی اینترنت یا خطا در ویژگی src باشد یا اینکه کاربر فقط متن را استفاده می کند.

<img src="flower.jpg" alt="یک گل زیبا"> 

ویژگی style

از ویژگی style برای اضافه کردن css به یک عنصر مانند رنگ ، فونت ، اندازه و موارد دیگر استفاده می شود.

<p style="color:red;">This is a red paragraph.</p> 

صفت lang

شما همیشه باید ویژگی زبان را در برچسب <html> درج کنید تا زبان صفحه وب اعلام شود. این منظور برای کمک به موتورهای جستجوگر و مرورگرها است.

مثال زیر فارسی را به عنوان زبان مشخص می کند:

<!DOCTYPE html>
<html lang="fa">
<body>
...
</body>
</html>

کدهای کشور را می توان در صفت lang نیز به کد زبان اضافه کرد. بنابراین ، دو حرف اول زبان صفحه HTML را تعریف می کنند و دو حرف آخر کشور را تعریف می کنند.

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

<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>

ویژگی title

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

وقتی ماوس را بر روی عنصر قرار دهید ، مقدار ویژگی عنوان به عنوان یک ابزار نمایش داده می شود:

<p title="I'm a tooltip">This is a paragraph.</p> 

اچتمل به حروف بزرگ و کوچک حساس نیست ولی استاندارد آن حروف کوچک است.

نقل قول های تکی یا دوتایی؟

دابل کوتیشن یا "" در html بیشتر رایج است هرچند از سینگل کوتیشن هم می توان استفاده کرد. مثلاً هردو صورت زیر درست است.

<p title="John 'ShotGun' Nelson"> 
<p title='John "ShotGun" Nelson'>

سید خلیل حسینی


  • برنامه نویس فول استک پی اچ پی و لاراول
  • پلاگین نویسی وردپرس