خانه / برنامه نویسی / HTML / آموزش HTML به زبان فارسی (۳)

آموزش HTML به زبان فارسی (۳)

در قسمت سوم آموزش HTML به زبان فارسی (۳) شما با ویژگی ها و خصیصه های کدهای html  و دیگر خصلت های آنها آشنا خواهید شد که در ادامه شما خواهید آموخت که از این ویژگی ها در کجا و در چه موقع استفاده کرد.

ویژگی و خصیصه های HTML

  • تمام عناصر HTML می توانند دارای صفات باشند.
  • ویژگی ها اطلاعات اضافی را در مورد یک عنصر ارائه می کنند.
  • ویژگی ها همیشه در برچسب شروع مشخص می شوند.
  • خصوصیات معمولا در جفت نام / ارزش مانند: name = “value”
آموزش HTML به زبان فارسی (۳)
آموزش HTML به زبان فارسی (۳)

مشخصه href

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

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

<a href="https://www.wpamoozesh.ir">This is a link</a>

 

شما بیشتر درباره پیوندها و برچسب <a>  در این آموزش یاد خواهید گرفت.

مشخصه src

تصاویر HTML با برچسب <img> تعریف می شوند.

نام پرونده منبع تصویر در مشخصه src مشخص شده است:

<"img src="img_girl.jpg">

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

تصاویر در HTML دارای مجموعه ای از ویژگی های اندازه، که عرض و ارتفاع تصویر را مشخص می کند:
 <img src="img_girl.jpg" width="500" height="600"> 

 

اندازه تصویر در پیکسل مشخص شده است: عرض = “۵۰۰” به معنای ۵۰۰ پیکسل عرض است.

شما بیشتر در مورد تصاویر در بخش تصاویر HTML ما اطلاعات بیشتری کسب خواهید کرد.

ویژگی alt


خصیصه alt یک متن جایگزین را که هنگام استفاده از یک تصویر می تواند نمایش داده شود، استفاده می کند.

ارزش این ویژگی را می توان توسط خوانندگان صفحه خوانده شده خواند. به این ترتیب، فردی “گوش دادن” به صفحه وب، برای مثال یک فرد کور، می تواند این عنصر را بشنود.

 <img src="img_girl.jpg" alt="Girl with a jacket">

 

خصیصه alt نیز مفید است اگر تصویر وجود ندارد:
چه اتفاقی می افتد اگر سعی کنیم تصویری را که وجود ندارد نمایش دهد:
 <img src="img_typo.jpg" alt="Girl with a jacket"> 

مشخصه سبک

خصیصه سبک برای مشخص کردن ظاهر یک عنصر، مانند رنگ، فونت، اندازه و غیره استفاده می شود.

 <p style="color:red">I am a paragraph</p> 
شما بعدا در این آموزش و در آموزش CSS ما اطلاعات بیشتری در مورد ظاهر خواهید آموختید.

مشخصه lang

زبان سند را می توان در برچسب <html> اعلام کرد.

زبان با ویژگی lang مشخص شده است.

اعلام زبان برای برنامه های دسترسی (خوانندگان صفحه نمایش) و موتورهای جستجو اهمیت دارد:

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

...

</body>
</html>
دو حرف اول، زبان (en) را مشخص می کند. اگر یک گویش وجود دارد، از دو حروف دیگر استفاده کنید (us).

مشخصه عنوان

در اینجا یک ویژگی عنوان به عنصر <p> اضافه شده است. مقدار مشخصه عنوان به عنوان یک راهنمای ابزار نمایش داده می شود که ماوس بر روی پاراگراف:
 <p title="I'm a tooltip">
This is a paragraph.
</p> 
پیشنهاد ما: استفاده از ویژگی های کوچک

استاندارد HTML5 مستلزم نام اختصاری نیست.

ویژگی عنوان را می توان با حروف بزرگ یا کوچک مثل عنوان یا TITLE نوشت.

W3C توصیف حروف کوچک در HTML، و مستلزم حروف کوچک برای انواع سند سخت تر مانند XHTML است.

ما پیشنهاد می کنیم: نقل قول مقادیر مشخصه که استاندارد HTML5 نیازی به نقل قول در اطراف مقادیر attribute ندارد.

ویژگی href، نشان داده شده در بالا، می تواند به صورت زیر نوشته شود:

 <a href=https://www.wpamoozesh.ir> 

پیشنهادات نقل قول ها ( ‘ ‘    ” ” ) در HTML را ارائه می دهد و تقاضای نقل قول هایی را برای انواع سند سخت تر مانند XHTML می دهد.

گاهی لازم است از نقل قول استفاده کنید. این مثال صفت عنوان را به درستی نمایش نمی دهد، زیرا حاوی یک فضا است:

<p title=About Wpamoozesh>

 

یک یا دو دابل کوتیشن( ‘     ” )؟

مقادیر دوگانه در اطراف مقادیر مشخصه در HTML رایج ترین هستند، اما نقل قول های یکپارچه نیز می تواند مورد استفاده قرار گیرد.

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

<p title='John "ShotGun" Nelson'>
یا برعکس:
<p title="John 'ShotGun' Nelson">
خلاصه ی فصل
  • تمام عناصر HTML می توانند دارای صفات باشند.
  • ویژگی عنوان دارای اطلاعات “نوک ابزار” اضافی است.
  • ویژگی href اطلاعات آدرس را برای لینک ها فراهم می کند.
  • ویژگی های عرض و ارتفاع اطلاعات اندازه را برای تصاویر ارائه می کنند.
  • ویژگی alt متن را برای خوانندگان صفحه فراهم می کند.
  • ما همیشه از نام ویژگی های حروف کوچک استفاده می کنیم.
  • ما همیشه مقادیر ویژگی با نقل قول ها را نقل ( ‘ ‘   ” ” )می کنیم.

خصیصه های HTML

در زیر یک لیست حروف الفبا از برخی از ویژگی های اغلب در HTML استفاده می شود:

 

ویژگی توصیف
alt یک متن جایگزین برای یک تصویر را تعیین می کند، هنگامی که مرورگر تصویر را نمی تواند نمایش دهد
disabled تعیین می کند که یک عنصر ورودی باید غیرفعال شود
href آدرس URL (آدرس وب) را برای یک لینک مشخص می کند
id شناسه منحصر به فرد برای یک عنصر را مشخص می کند
src نشانی اینترنتی (آدرس وب) برای یک تصویر را مشخص می کند
style یک سبک CSS درونی برای یک عنصر را مشخص می کند
title اطلاعات اضافی در مورد یک عنصر را مشخص می کند (نمایش داده می شود به عنوان نوک ابزار)
پایان قسمت سوم آموزش HTML به زبان فارسی (۳) …
لطفا جهت حمایت از ما مطلب را گسترش دهید

درباره مدیر سایت

صاحب امتیاز سایت آموزش وردپرس هستم در زمینه برنامه نویسی وب فعالیت میکنم و در حال حاضر مشغول نویسندگی در حوزه آموزش وردپرس, طراحی قالب, طراحی و ترجمه افزونه وردپرس هستم ...

پاسخ دهید

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