آموزش صفات در HTML
فهرست موضوعات در این آموزش
با عرض سلام خدمت کاربران سایت پاسخ وردپرس . در این آموزش مرحله به مرحله html قصد داریم به آموزش چگونگی استفاده از صفات در html یا کاربرد صفات در html ، بپردازیم. صفات ( Attributes ) ، در html برای توصیف یک عنصر html بکار می رود. مواردی از جمله رنگ، اندازه، فونت ، تصویر پس زمینه و… توسط صفات در html برای یک عنصر html استفاده می شود. در html ، صفات هر عنصر در بخش شروع تعریف هر تگ قرار می گیرد.
البته توصیف عناصر در html را با استفاده از ابزاری نظیر جاوااسکریپت و ابزار css در html ، می توان انجام داد. استفاده از این ابزاری مزایایی نسبت به تریف صفات در داخل تگ ها دارد.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="https://replywp.com" target='_blank'>پاسخ وردپرس</a> <img src="5.jpg" alt="آموزش html" width="450" height="" style="" title="آموزش html"> </body> </html> |
استفاده از صفات در html
در html صفات همیشه در قالب نام صفت و مقدار آن به صورت زیر تعریف می شود:
“name=”value
اکنون به بررسی برخی از صفات پرکاربرد html می پردازیم:
صفت href
لینک های html در داخل تگ <a> تعرف می شوند. و آدرس آنها در صفت href قرار می گیرد.
|
1 |
<a href="https://replywp.com" target='_blank'>پاسخ وردپرس</a> |
صفت src
تصاویر در html با استفاده از تگ <img> شناخته می شوند. و آدرس دهی تصاویر به سایت توسط صفت src در این تگ انجام می شود.
|
1 |
<img src="5.jpg" alt="آموزش html" width="450" height="" style="" title="آموزش html"> |
صفات width و height
این دو صفت در html ، اندازه یک عنصر را توصیف می کنند.
نکات مفید صفات HTML
- هنگام استفاده از چندین ویژگی HTML ، می توانید آنها را به هر ترتیب لیست کنید – فقط مطمئن شوید که آنها را با فاصله از هم جدا کنید.
- alt به شما کمک می کند وب سایت شما برای کاربران معلول که از صفحه خوان استفاده می کنند قابل دسترسی باشد. وقتی فناوری های کمکی ، جایگزینی برای خواندن دارند ، افراد معلول می توانند مطالب را بهتر درک کنند.
- ویژگی title در HTML می تواند به بهینه سازی وب سایت شما برای موتورهای جستجو کمک کند ، زیرا این اطلاعات تکمیلی همچنین می تواند حاوی کلمات کلیدی باشد.
برای نصب نرم افزار برای کد نویسی html از لینک زیر استفاده فرمایید.
آموزش نرم افزار های مورد نیاز طراحی وب سایت
در صورت که به طراحی وب آشنایی ندارید میتوانید از آموزش زیر استفاده فرمایید .
در صورت که میخواهید به صورت حرفه ای طراحی وب را فرا بگیرید از لینک زیر استفاده فرمایید .
آموزش css html آموزش HTML5 CSS3
در یافت تمام جلسات آموزش مرحله به مرحله html از لینک زیر استفاده فرمایید.
هیچ دیدگاهی برای این نوشته ثبت نشده است.