एचटीएमएल गुण
गुण HTML तत्वों बारे में अतिरिक्त जानकारी प्रदान करते हैं।
HTML विशेषताएं
- सभी HTML तत्वों हो सकता है गुण
- गुण प्रदान करते हैं अतिरिक्त जानकारी के एक तत्व के बारे में
- गुण हमेशा में निर्दिष्ट स्टार्ट टैग
- आमतौर पर जैसे नाम / मान युग्म में आते गुण: नाम = "मूल्य"
hREF विशेषता
HTML लिंक के साथ परिभाषित कर रहे हैं<a>टैग। लिंक का पता में निर्दिष्ट किया जाता hrefविशेषता:उदाहरण
<a href="teachincal web">This is a link</a>
<a>टैग बाद में इस ट्यूटोरियल में।src विशेषता
एचटीएमएल छवियों के साथ परिभाषित कर रहे हैं<img>टैग।छवि स्रोत के फ़ाइल नाम में निर्दिष्ट किया जाता
srcविशेषता:उदाहरण
<img src="img_girl.jpg">
चौड़ाई और ऊंचाई गुण
HTML में छवियों का एक सेट है आकार विशेषताओं, जो चौड़ाई और छवि की ऊंचाई निर्दिष्ट करता है:उदाहरण
<img src="img_girl.jpg" width="500" height="600">
आप हमारे में छवियों बारे में और जानेंगे एचटीएमएल छवियाँ अध्याय ।
ALT विशेषता
altविशेषता, प्रयोग की जाने वाली एक छवि प्रदर्शित नहीं हो सकता है जब एक वैकल्पिक पाठ निर्दिष्ट करता है।विशेषता के मान स्क्रीन रीडर द्वारा पढ़ा जा सकता है। इस तरह, किसी वेब पेज को "सुन", जैसे एक सपना बिगड़ा व्यक्ति, तत्व "सुन" कर सकते हैं।
उदाहरण
<img src="img_girl.jpg" alt="Girl
with a jacket">
altविशेषता यदि छवि मौजूद नहीं है भी उपयोगी है:उदाहरण
देखने के लिए कि हम एक छवि है जो मौजूद नहीं दिखाने का प्रयास करते हैं क्या होता है:
<img src="img_typo.jpg" alt="Girl
with a jacket">
शैली गुण
styleविशेषता रंग, फ़ॉन्ट, आकार आदि जैसे, एक तत्व की स्टाइल निर्दिष्ट करने के लिए प्रयोग किया जाता हैउदाहरण
<p style="color:red">I am a paragraph</p>
आप इस ट्यूटोरियल में बाद में स्टाइल के बारे में अधिक जानने के लिए, और हमारे में होगा
सीएसएस ट्यूटोरियल ।
लैंग गुण
दस्तावेज़ की भाषा में घोषित किया जा सकता<html>टैग।भाषा के साथ घोषित किया जाता है
langविशेषता।एक भाषा की घोषणा पहुंच-योग्यता एप्लिकेशन (स्क्रीन रीडर) और खोज इंजन के लिए महत्वपूर्ण है:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
शीर्षक गुण
यहाँ, एकtitleविशेषता में जोड़ा जाता है <p>
तत्व। शीर्षक विशेषता के मान टूलटिप के रूप में प्रदर्शित किया जाएगा जब पैरा पर माउस:उदाहरण
<p title="I'm a tooltip">
This is a paragraph.
</p>
हम सुझाव: उपयोग छोटे गुण
एचटीएमएल 5 मानक लोअरकेस विशेषता नाम की आवश्यकता नहीं है।शीर्षक विशेषता अपरकेस या लोअरकेस तरह से लिखा जा सकता है शीर्षक या शीर्षक ।
teachincal web सिफारिश की गई है HTML में लोअरकेस, और मांग है एक्सएचटीएमएल की तरह सख्त दस्तावेज़ प्रकार के लिए लोअरकेस।
teachincal web से कम हम हमेशा लोअरकेस विशेषता नाम का उपयोग करें।
हम सुझाव: उद्धरण विशेषता के मान
एचटीएमएल 5 मानक की आवश्यकता नहीं है उद्धरण के आसपास विशेषता मान।hrefविशेषता, ऊपर का प्रदर्शन किया, कर सकते हैं उद्धरण चिह्नों के बिना लिखा जा:खराब
<a
href=https://teachincal web>
अच्छा
<a href="https://teachincal web">
कभी कभी यह है आवश्यक उद्धरण चिह्नों का उपयोग करने के लिए। इस उदाहरण को सही शीर्षक विशेषता प्रदर्शित नहीं करेगा, क्योंकि यह एक अंतरिक्ष शामिल हैं:
उदाहरण
<p
title=About teachincal web>
का उपयोग करते हुए उद्धरण सबसे आम हैं। छोड़ना उद्धरण त्रुटियां उत्पन्न कर सकते हैं।
teachincal web से कम हम हमेशा विशेषता मान के आसपास उद्धरण का उपयोग करें।
teachincal web से कम हम हमेशा विशेषता मान के आसपास उद्धरण का उपयोग करें।
सिंगल या डबल उद्धरण?
दोहरे उद्धरण चिह्नों के आसपास विशेषता मान HTML में सबसे आम हैं, लेकिन एकल उद्धरण का भी इस्तेमाल किया जा सकता है।कुछ स्थितियों में, जब विशेषता मान ही दोहरे उद्धरण चिह्नों में शामिल है, यह आवश्यक एकल उद्धरण का उपयोग करें:
<p title='teachincal web'>
<p title="John 'ShotGun' Nelson">
अध्याय का सारांश
- सभी HTML तत्वों हो सकता है गुण
titleविशेषता अतिरिक्त "उपकरण की नोक" जानकारी प्रदान करता हैhrefविशेषता लिंक के लिए पता जानकारी प्रदान करता हैwidthऔरheightविशेषताओं छवियों के लिए आकार में जानकारी प्रदानaltविशेषता स्क्रीन पाठकों के लिए पाठ प्रदान करता है- teachincal web से कम हम हमेशा का उपयोग लोअरकेस विशेषता नाम
- teachincal web से कम हम हमेशा बोली विशेषता दोहरे उद्धरण चिह्नों के साथ मूल्यों
एचटीएमएल व्यायाम
HTML विशेषताएं
नीचे कुछ विशेषताओं अक्सर HTML में इस्तेमाल, जो आप इस ट्यूटोरियल में बारे में और जानेंगे की वर्णमाला सूची है:| Attribute | Description |
|---|---|
| alt | Specifies an alternative text for an image, when the image cannot be displayed |
| disabled | Specifies that an input element should be disabled |
| href | Specifies the URL (web address) for a link |
| id | Specifies a unique id for an element |
| src | Specifies the URL (web address) for an image |
| style | Specifies an inline CSS style for an element |
| title | Specifies extra information about an element (displayed as a tool tip) |
प्रत्येक HTML तत्व के लिए सभी विशेषताओं की एक पूरी सूची है, हमारे में सूचीबद्ध है:
एचटीएमएल विशेषता संदर्भ ।
No comments:
Post a Comment