ما در شبکه های اجتماعی :

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


قبلی

بعدی

۰۶ مهر ۱۳۹۸ | by رضا جهاندیده | بدون ديدگاه | |
درباره نويسنده : رضا جهاندیده
رشته تحصيلی : کامپيوتر و گرافيک ,آشنا به زبان های php و css سرگروه تيم توسعه و طراحی نوين وب هاست در حدود 5 سال به ياری خداوند در زمينه هاي فوق مشغوليم به اميدحق توانسته ايم با مشاوره و راهنمايي کاملا رايگان در خدمت همه شما باشيم سربلند باشيد
ثبت دیدگاه




  • logo-samandehi
  • novinwebhostnovinwebhost
  • novinwebhostnovinwebhost
  • novinwebhostlogo-samandehi
  • novinwebhost