استفاده از خصوصیت در کد های html
عنصر در html چیست ؟
همه عنصرها در html دارای خصوصیت هستند.در واقع اطلاعات هر عنصر را خصوصیت عنصر اعلام میکند,خصوصیت ها همیشه در تگ و برچسب شروع مشخص میشوند.مثلا در لینک ها که با برچسب a> شروع میشود خصوصیت href و بعد هم مقدار خصوصیت نوشته میشود در داخل کوتیشن , معمولا بهتر است و توصیه شده که خصوصیت ها و مقدارهاشون با حروف کوچک نوشته شود
خصوصیت و ویژگی در html
در مثال زیر src در داخل برچسب img یک خصوصیت است و مسیر تصویر ارائه شده مقدار آن است. به همین ترتیب href درون برچسب a یک خصوصیت است و پیوند ارائه شده مقدار آن است و غیره.
مثال های کاربردی
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML استفاده از خصوصیت</title>
</head>
<body>
<p><img src="./examples/images/html-elements.png" width="60" height="40" alt="Smiley"></p>
<p><a href="https://novinwebhost.com/" title="سرچ سایت" target="_blank">Google</a></p>
<p><input type="text" value="copy"></p>
</body>
</html>
لطفا توجه داشته باشید که مقدارهای خصوصیت ها رو باید در کوتیشن ( “” ) بنویسید.
برخی خصوصیات مانند شناسه ، عنوان ، کلاس ، سبک و غیره وجود دارد که می توانید در اکثر عناصر HTML از آنها استفاده کنید. در بخش زیر موارد استفاده از آنها توضیح داده شده است.
ویژگی id برای دادن نام یا شناسه منحصر به فرد به عنصر درون یک سند استفاده می شود. با این کار انتخاب عنصر با استفاده از CSS یا JavaScript آسانتر می شود.البته شما الان لازم نیست وارد بحث css و JavaScript شوید و فقط به آموزه های مربوط به html دقت فرمایید اگر هم ما در مثال ها و توضیخات وارد میشویم فقط بجت گنگ نبودن آموزش هاست.
خصوصیت شناسه منحصر بفرد
مثال های کاربردی
<!DOCTYPE html>
<html lang="en">
<head>
<title>شناسه منحصر بفرد در html</title>
<style>
#firstName{
border: 1px solid red;
}
#container{
background: #ccc;
}
#infoText{
color: blue;
}
</style>
</head>
<body>
<p><input type="text" id="firstName"></p>
<div id="container">content by novinwebhost</div>
<p id="infoText">متن و نوشته از نوع پاراگراف</p>
</body>
</html>
نتیجه :
یاد گرفتیم که چگونه از خصوصیت ها استفاده کنیم تا به تگ های HTML معنی بیشتری بدهیم.در نظر داشته باشید . هر گونه ابهام در رابطه آموزش برای شما ایجاد شده حتما اطلاع دهید تا رفع کنیم تمرین و تلاش و تمرین تنها راه یادگیری موفق . سرافراز باشید.