خاصیت ها یا attributes در HTML
access_time۲۷ شهریور, ۱۳۹۸
perm_identity
ارسال شده توسط شاهکد
visibility
132 بازدید

آموزش گام به گام html از مبتدی تا پیشرفته
صفات یا Attributes در HTML
attribute ها امکانات بیشتری درباره عناصر HTML برای ما فراهم می کنند.
attributes در HTML :
- عناصر HTML می توانند attributes داشته باشند.
- attribute ها امکانات بیشتری به یک تگ یا عنصر می دهند.
- attribute ها همیشه در تگ شروع نوشته می شوند
- attribute ها شامل نام و مقدار هستند مانند : “name=”value
خاصیت زبان (lang) در HTML
زبان سند HTML را می توان در تگ <HTML> مشخص کرد.
زبان در خاصیت lang اعلام می شود.
اعلام یک زبان برای برنامه های کاربردی و موتورهای جستجو بسیار مهم است:
<!DOCTYPE html> <html lang="fa-IR"> <body> <h1>عنوان</h1> <p>پاراگراف</p> </body> </html>
در اینجا fa-IR را درون خاصیت lang قرار دادیم که زبان کشور ایران، فارسی می باشد.
خاصیت title در HTML
برای نوشتن یک پاراگراف در HTML از تگ <p> استفاده می شود.
برای این مثال در تگ <p> از خاصیت title استفاده می کنیم. مقدار خاصیت title را برابر “شاه کد” قرار می دهیم. اگر ماوس خود را بر روی پاراگراف مورد نظر ببرید کلمه ی درباره شاه کد آشکار خواهد شد
<!DOCTYPE html> <html lang="en-US"> <body> <p title="درباره شاه کد"> !شاه کد یک وب سایت آموزش برنامه نویسی می باشد </p> </body> </html>
خاصیت alt در HTML
یک نام جایگزین برای تگ یا عنصر HTML می باشد. این گزینه برای موتورهای جستجوگر مانند گوگل اهمیت بسیاری برای پیدا کردن عکس ها دارد. با مشخص کردن خاصیت alt به موتورهای جستجو می گوییم محتوای تصویرمان چیست.
مثال:
<img src="ShahCode.jpg" alt="این عکس متعلق به شاه کد است" width="200" height="100">
مطالب زیر را حتما مطالعه کنید
طراحی جدول ها در بوت استرپ
[vc_row][vc_column width="5/6"][vc_column_text] جدول ها در Bootstrap جداول سادهی بوت استرپ، دارای padding کم و خطوط...
سیستم Grid در بوت استرپ 4
[vc_row][vc_column width="5/6"][vc_column_text] سیستم grid در بوت استرپ بر اساس flexbox ساخته شده است و به...
آشنایی با Bootstrap 4
[vc_row][vc_column width="5/6"][vc_column_text] بوت استرپ چیست ؟ به اولین قسمت از سری آموزشی Bootstrap 4 خوش...
تایپوگرافی در بوت استرپ 4
[vc_row][vc_column width="5/6"][vc_column_text] در این قسمت از مجموعه آموزشی Bootstrap 4 می خواهیم به بررسی تایپوگرافی...
آموزش قدم به قدم Bootstrap
[vc_row][vc_column width="5/6"][vc_column_text] Bootstrap (بوت استرپ) مشهورترین فریمورک CSS ، HTML و JavaScript برای توسعه ی وب...
استایل Border در CSS
[vc_row][vc_column width="5/6"][vc_column_text] در ادامه آموزش CSS با دستورات مربوط به ساختارلایه ها و باکس ها آشنا خواهید شد....
دیدگاهتان را بنویسید