خصوصیات در کدهای html - نوین وب هاست
حساب کاربری ارسال تیکت

خصوصیات در کدهای html

مطالعه این مقاله : 2 دقیقه

استفاده از خصوصیت در کد های 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 معنی بیشتری بدهیم.در نظر داشته باشید . هر گونه ابهام در رابطه آموزش برای شما ایجاد شده حتما اطلاع دهید تا رفع کنیم تمرین و تلاش و تمرین تنها راه یادگیری موفق . سرافراز باشید.

ابر تگ ها :

 -  -  - 

اشتراک بزاری دمت گرم!




درباره نويسنده : jahan



آشنا به زبان های php , css وتوسعه وردپرس 10 سال در زمینه پشتیبانی و خدمات هاستینگ در نوین وب هاست مشغول بکار و لذت میبرم و حالم خیلی خوبه و در پناه حق تغییر مسیر نخواهم داد


0 نظرات

دیدگاهتان را بنویسید