HTML Elements in Hindi
दोस्तों, आज हम इस post के माध्यम से HTML Elements in Hindi के topic पर चर्चा करेंगे |
जैसे की हम सब जानते हैं की परिवर्तन ही प्रकृति का नियम हैं | इस नियम को follow करते हुए technology की दुनिया में भी चीजों को और ज्यादा improve करने के लिए लगातार updates किये जाते हैं और आगे भी किये जाएंगे | HTML भाषा में भी बहुत से updates हो चुके हैं और अभी HTML भाषा का latest version HTML5 हैं |
HTML Elements in Hindi के बारे मे जानने से पहले हम यह जान लेते हैं की HTML भाषा को update करने की जरुरत क्यों पड़ी ?
जब से smart phones आये हैं तब से mobile users की लगातार वृद्धि हो रही हैं और लोग website को access करने के लिए smart phone का ज्यादा इस्तेमाल कर रहे हैं | इसी वजह से अब website developer को एक ऐसी technology की जरुरत महसूस हुई की जिसका उपयोग करके user website को computer और laptop के साथ साथ mobile device में भी आसानी से open कर पाये | इस needs को देखते हुए HTML language को improve किया गया and जो HTML का new version बनकर आया उसे HTML5 name दिया गया |
HTML Elements क्या होते हैं ? (What is HTML Elements in Hindi)
HTML elements, HTML के व्यक्तिगत दस्तावेज हैं | यह शब्द के अर्थ को represent करता हैं | HTML elements को start tag and closing tag से दर्शाया जाता हैं | start tag और closing tag ( end tag ) में फर्क सिर्फ इतना है की closing tag में tag के name से पहले slash ( / ) का इस्तेमाल किया जाता हैं | इसे हम नीच दिए गए element के माध्यम से समझने की कोशिश करते हैं |
<b>...</b>HTML में nested elements किसे कहते हैं ?
HTML में बहुत से ऐसे elements हैं जो अपने अंदर दूसरे elements को लिखने की permission देते हैं | एक element के अंदर दूसरे element को लिखने की method को nested कहा जाता हैं और जो element दूसरे element के अंदर लिखा गया हैं उस element को HTML में nested elements कहा जाता हैं |
उदहारण के लिए,
<h1> Your <b>Content</b> here</h1>ऊपर दिए गए उदाहरण में <b>Content</b> nested element हैं |
HTML elements के कितने प्रकार हैं?
HTML elements के मुख्या दो प्रकार हैं | एक block level elements और दूसरा inline level elements.
Block level elements kya hote hain ?
Block level elements वेह elements होते हैं जिनका उपयोग करने के बाद content new line से start होते हैं | यह elements web pages में right side से लेकर left side तक पूरा width cover करता हैं | यानि की block level elements के बाद लिखे गए content भी new line से start होते हैं |
Block level elements का इस्तेमाल web page में लिखे गए content को अलग अलग भाग में बांटने के लिए किया जाता हैं | <p> , <h1> , <div> etc. tag block level elements के उदहारण हैं |
Inline level elements kya hote hain ?
Inline level elements वेह elements होते हैं जो particular text या text के funtion को design करते हैं और इस elements के उपयोग करने से content नई line से start नहीं होती हैं | यह elements ज्यादातर nested elements के रूप में use किये जाते हैं | <b>, <i>, <button>, <span> etc. inline elements के उदहारण हैं |
HTML case insensitive भाषा हैं | इसका मतलब हम HTML5 में tag name को uppercase या mixed case में भी लिखा जा सकता हैं, लेकिन tag name को lowercase में लिखना एक अच्छी practice हैं |
Empty elements किसे कहते हैं ?
ज्यादातर elements में content लिखे जाते हैं जैसे की <b>...</b> element bold content को दर्शाता हैं | लेकिन HTML5 में कुछ elements ऐसे भी हैं जिस में किसी भी तरह के content को लिखा नहीं जाता हैं और इन सभी elements को हम void elements या empty elements के नाम से जानते हैं | उदाहरण के लिए <br>, यह element line break करने के लिए उपयोग में लिया जाता हैं | यह element किसी भी content को अपने पास नहीं रखता हैं | मतलब यह हैं की हम इसे <br> Your content </br> की तरह नहीं लिख सकते हैं |
HTML5 Syntax :
<!DOCTYPE Html>ऊपर दिया गया HTML Syntax case-insensitive है |
HTML5 <script> Tag in Hindi
निचे दिया गया HTML5 के <script> element में “text/javascript” value के साथ type attribute दर्शाया गया हैं, जो की HTML की common practice हैं |
<script type="text/javascript" src="example.js"></script>लेकिन HTML5 में extra information को हटा दिया गया हैं | इसलिए हम निचे दिए गए syntax को follow कर सकते हैं |
<script src="example.js"></script>HTML5 में <link>Tag कैसे लिखे जाते है ?
अब तक हम HTML में निचे दिए syntax के मुताबिक <link> tag को define करते थे |
<link rel="stylesheet" href="example.css">लेकिन HTML5 में extra information को हटा दिया हैं | इसलिए हम HTML5 में <link> Tag को निचे दिए गए syntax के मुताबिक भी लिख सकते हैं |
<link href="example.css">