Chapter Resources:
https://codepen.io/01_Trans-Cendent/pen/JooYbrd
All Resources:
https://codepen.io/collection/KwdZdm
HTML Elements को समझना: वेब पेजों के बिल्डिंग ब्लॉक्स
HTML Tags क्या हैं? HTML tags लेबल्स की तरह हैं जो browser को बताते हैं कि कौन सा content क्या है। ये angle brackets में लिखे जाते हैं जैसे p paragraphs के लिए या h1 headings के लिए।
बेसिक स्ट्रक्चर: Opening tag p – यह एक paragraph का text है – Closing tag slash p
Opening p tag element शुरू करता है
Content = आपका actual text
Closing slash p tag element खत्म करता है
मुख्य बातें:
Opening tags: tagname in angle brackets
Closing tags: slash tagname in angle brackets (forward slash देखें)
मिलकर ये एक HTML element बनाते हैं
Self-Closing Tags: कुछ tags को closing की जरूरत नहीं: img src equals image.jpg alt equals My Image br
Nesting Elements: आप elements को दूसरे elements के अंदर रख सकते हैं: p – इस paragraph में em – emphasized – close em text है – close p
यह क्यों जरूरी है:
Browser को आपका content समझने में मदद करता है
Websites को सबके लिए accessible बनाता है
SEO rankings improve करता है
DOM (Document Object Model) tree बनाता है
याद रखें: हमेशा अपने tags को सही तरीके से बंद करें clean, functional code के लिए!
HTML Elements को समझना: वेब पेजों के बिल्डिंग ब्लॉक्स
HTML Tags क्या हैं? HTML tags लेबल्स की तरह हैं जो browser को बताते हैं कि कौन सा content क्या है। ये angle brackets में लिखे जाते हैं जैसे
paragraphs के लिए या
headings के लिए। बेसिक स्ट्रक्चर: html यह एक paragraph का text है। = Opening tag (element शुरू करता है) Content = आपका actual text = Closing tag (element खत्म करता है)
मुख्य बातें: Opening tags: Closing tags: (forward slash देखें)
मिलकर ये एक HTML element बनाते हैं
Self-Closing Tags: कुछ tags को closing की जरूरत नहीं: html
Nesting Elements: आप elements को दूसरे elements के अंदर रख सकते हैं: html इस paragraph में emphasized text है। यह क्यों जरूरी है: Browser को आपका content समझने में मदद करता है
Websites को सबके लिए accessible बनाता है
SEO rankings improve करता है
DOM (Document Object Model) tree बनाता है
याद रखें: हमेशा अपने tags को सही तरीके से बंद करें clean, functional code के लिए!