HTML Basic Examples
HTML Documents
सभी HTML दस्तावेज़ दस्तावेज़ प्रकार की घोषणा से शुरू होने चाहिए: <!DOCTYPE html>।
HTML दस्तावेज़ स्वयं <html> से शुरू होता है और </html> पर समाप्त होता है।
HTML दस्तावेज़ का दृश्य भाग <body> और </body> के बीच होता है।
Example
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
The <!DOCTYPE> Declaration
<!DOCTYPE> घोषणा दस्तावेज़ प्रकार का प्रतिनिधित्व करती है, और ब्राउज़र को वेब पेजों को सही ढंग से प्रदर्शित करने में मदद करती है।
इसे पृष्ठ के शीर्ष पर (किसी भी HTML टैग से पहले) केवल एक बार प्रदर्शित होना चाहिए।
<!DOCTYPE> घोषणा केस संवेदी नहीं है।
HTML5 के लिए <!DOCTYPE> घोषणा है:
<!DOCTYPE html>
HTML Headings
HTML शीर्षकों को <h1> से <h6> टैग के साथ परिभाषित किया गया है।
<h1> सबसे महत्वपूर्ण शीर्षक को परिभाषित करता है। <h6> सबसे कम महत्वपूर्ण शीर्षक को परिभाषित करता है:
Example
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
HTML Paragraphs
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Links
Example
<a href="https://www.hinditechsea.blogspot.com">This is a link</a>
लिंक का गंतव्य href विशेषता में निर्दिष्ट है।
HTML तत्वों के बारे में अतिरिक्त जानकारी प्रदान करने के लिए विशेषताओं का उपयोग किया जाता है।
आप बाद के अध्याय में विशेषताओं के बारे में अधिक जानेंगे।
HTML Images
HTML छवियों को <img> टैग से परिभाषित किया जाता है।
स्रोत फ़ाइल (src), वैकल्पिक पाठ (alt), चौड़ाई और ऊँचाई विशेषताओं के रूप में प्रदान की गई हैं:
Example
<img src="hinditechsea.jpg" alt="hinditechsea.com" width="104" height="142">
HTML स्रोत कैसे देखें
क्या आपने कभी कोई वेब पेज देखा है और सोचा है "अरे! उन्होंने ऐसा कैसे किया?"
HTML स्रोत कोड देखें:
HTML पेज में CTRL + U पर क्लिक करें, या पेज पर राइट-क्लिक करें और "पेज सोर्स देखें" चुनें। इससे एक नया टैब खुलेगा जिसमें पृष्ठ का HTML स्रोत कोड होगा।
HTML तत्व का निरीक्षण करें:
किसी तत्व (या रिक्त क्षेत्र) पर राइट-क्लिक करें, और यह देखने के लिए "निरीक्षण करें" चुनें कि कौन से तत्व बने हैं (आप HTML और CSS दोनों देखेंगे)। आप खुलने वाले एलीमेंट्स या स्टाइल्स पैनल में HTML या CSS को तुरंत संपादित भी कर सकते हैं।
Aise aur bhi simple aur useful Tech aur Social Media Tips ke liye "Hindi Tech See" ko regular follow karte rahiye!
**धन्यवाद! 🙏**
टिप्पणियाँ
एक टिप्पणी भेजें