آموزش زبان های برنامه نویسی
آموزش انواع زبان های برنامه نویسی
آموزش زبان های برنامه نویسی
آموزش انواع زبان های برنامه نویسیدرباره من
من بسیار خوشحالم که دانش برنامه نویسی خودم رو در اختیار علاقه مندان به این حوزه قرار بدم و از شما هم میخواهم که با نظرات سازنده خود مطالب ما را بهبود دهید تا سایر افرادی که تازه به این رشته وارد شده اند بتوانند خیلی سریع پیشرفت کنند. تنها وب سایت رسمی ما ProjeChi.ir می باشد.
ادامه...
جلسه پنجم آشنایی با خواص ها در اچ تی ام ال (HTML Attributes)
جلسه پنجم آشنایی با خواص ها در اچ تی ام ال (HTML Attributes)
خواص های Html
- عناصر Html می توانند خواص داشته باشند
- خواص ها اطلاعات بیشتری در مورد عناصر Html در اختیار ما قرار می دهند.
- خواص ها همیشه بصورت مشخص در ابتدای تگ ها هستند.
- خواص ها همیشه بصورت جفتی می آیند مانند: name="value"
زبان یک سند را می توان در تگ <html> تغریف کرد.
و زبان سند به وسیله خواص lang تعریف می شود.
تعریف زبان دریک سند میتواند برای مرورگر ها و موتور های جستوجو مهم باشد.
مثال
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My
First Heading</h1>
<p>My
first paragraph.</p>
</body>
</html>
در دو حرف مشخص کننده حرف اول مشخص کننده زبان (en) واگر هم گویشی داشته باشد.
حرف دوم مشخص کننده گویش (US) است.
خواص عنوان یا title:
پاراگراف ها در Html با تگ <p> تعریف می شوند.
در مثال زیر به تگ <p> یه خواص عنوان با عبارت " About projeraygan.blogfa.com " تعریف کرده ایم.
<p title="About projeraygan.blogfa.com">
About projeraygan.blogfa.com is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP,
ASP, etc.
</p>
هر وقت موس را بروی پاراگراف حرکت دهید و نگه دارید عبارت تایتل ظاهر می شود.
خواص href یا خاصیت ها لینک
لینک ها در Html با تگ <a> مشخص شده و با خاصیت href آدرس اینترنتی آن مشخص می شود.
مثال :
<a href="http://www.projeraygan.blogfa.com ">This is a link</a>
در مورد این تگ در جلسه های بعدی بیشتر خواهیم گفت
خاصیت Size
عکس ها با تگ <img> تعیین می شوند.
و آدرس منبع و اصلی عکس هم به وسیله خاصیت (src) تعیین می شود.
و خاصیت ها (width) و (height) تعیین کننده سایز یا اندازه عکس هستند.
اندازه عکس به وسیله پیکسل تعیین می شوند
به طور مثال width="104" یعنی عرض عکس 104 پیکسل باشد.
در جلسه های بعدی در مورد تگ عکس بیشتر توضیح خواهیم داد.
خاصیت alt
وقتی که عکس رو یا هر چیزی دیگری رو توی صفحه بزاریم و زمانی مرورگر نتونست نشان دهد.
متن توی این خاصیت به جای عکس نشان داده خواهد شد.
مقدار این خاصیت قابلیت نمایش توسط مرور گر ها را دارد.
و به وسیله این خاصیب و با استفاده از بعضی برنامه ها افراد نابینا می توانند بدانند
که شما چه عکس یا چیزی را در این بخش قرار داده اید.
مثال
<img src="projeraygan.blogfa.com.jpg" alt="projeraygan.blogfa.com " width="104" height="142">
پیشنهاد ما : همیشه برای استفاده از نام خاصیت ها از حروف کوچک استفاده کنید.
در Html5 استفاده از حرووف کوچک الزامی نیست.
خاصیت عنوان را شما می توانید بصورت حروف کوچک یا بزرگ بنویسید مانند Title یا TITELE
البته ما توصیه کنیم که در Html4 و XHTML از حروف کوچک استفاده کنید
چون داری قانون سخت گیرانه تری هستند.
البته استفاده از حروف کوچک رایجتر است چون نوشتن آن استان است و
ما هم در تمامی مثال های این کتاب از حروف کوچک استفاده می کنیم.
پیشنهاد ما : همیشه از دابل کوتیشن در مقدار خاصیت ها استفاده کنید.
در استاندارد Html5 استفاده از دابل کوتیشن در مقدار خاصیت ها الزامی نیست.
مثال قبلی رو بصورت زیر هم میتونیم بنویسیم بدون کوتیشن
<a href=http://www.projeraygan.blogfa.com >
البته ما توصیه کنیم که در Html4 و XHTML از دابل کوتیشن استفاده کنید
چون داری قانون سخت گیرانه تری هستند.
گاهی وقت ها لازم است که شما از دابل کوتیشن استفاده کنید و گرنه ممکن است
نتیجه خوبی به دلیل فضای خالی بین نوشته ها مشاهده نکنید.
مثال :
<p title=About projeraygan.blogfa.com >
در مثال بالا فقط بخش اول کار یعنی About را نشان میدهد وقسمت دوم را نشان نمی دهد.
استفاده از دابل کوتیشن رایج است ولی اگر آن را حذف کنیم ممکن است با خطا مواجه شویم.
ما توصیه میکنیم که همیشه از دابل کوتیشن در مقدار خاصیت ها استفاده نمایید
تک کوتیشن یا دابل کوتیشن؟
استفاده از دابل کوتیشن در Html رایجتر است هرچند که ممکن است که تک کوتیشن
هم مورد استفاده قرار بگیرد
در اکثر جاها که به خاصیت ها یک مقدار می دهند آن را با دابل کوتیشن مشخص می کنند.
یا شاید لازم باشد که از تک کوتیشن استفاده کنند.
مثال
<p title='Siros "ShotGun" Babakhani'>
یا برعکس
<p title="Siros 'ShotGun' Babakhani">
خلاصه این جلسه:
· همه تگ های Html می توانند که خاصیت داشته باشند.
· خاصیت تایتل در تگ های Html به اطلاعات داده شده tool-tip اضافه میکند.
· و خاصیت href در لینک ها می توانست که آدرس را به ما نشان دهد.
· و خاصیت ها width و height اطلاعاتی در مورد اندازه عکس ها یا اشیا به ما می دهند.
· و خاصیت alt هم میتواند در مواقعی که عکسی نشان داده نمی شود متنی به جای آن نشان داده شود.
· و در این مجموعه آموزش ها ما همیشه از حروف کوچک در نام تگ ها استفاده میکنیم
· و همیشه در مقدر خاصیت ها هم از دابل کوتیشن استفاده می کنیم.
