HTML Introduction: HTML एक Markup Language है जिसका उपयोग Web Pages को बनाने में किया जाता है। Digitally या ऑनलाइन किसी पेज का या किसी Document का Structure तथा फॉर्मेट कैसा होगा, इसका निर्धारण एक Markup Language करती है। HTML वैसी ही एक Markup Language है जिसकी Full Form है हाइपरटेक्स्ट मार्कअप भाषा (Hypertext Markup Language)। HTML, XML, XHTML आदि Markup भाषाओं के उदहारण है।
एचटीएमएल सीखकर आप अपने लिए वेबसाइट्स बना सकते है पर यदि आपको आज के जमाने के हिसाब से वेबसाइट तैयार करनी है तो आपको HTML के साथ -साथ CSS, JAVASRIPT भी सीखनी चाहिए। इस लेख में हम HTML का परिचय जानेंगे। HTML की शुरुवात 1993 से हुई थी और आज हम HTML5 Version का अध्ययन करते है।
HTML क्या है?
HTML का मतलब होता है Hyper Text Markup Language और यह वेब पेज की संरचना (Structure) को दर्शाती है। यह एक Standard Markup Language है जिसका उपयोग वेब PAGES के निर्माण में किया जाता है। इसमें कई सारे Elements होते है जो Web Browser को यह बताते है कि किसी कंटेंट को ब्राउज़र में किस प्रकार दर्शाना है, जैसे “<p>Paragraph</p>” यहाँ <P> को Paragraph Element के रूप में जाना जाता है। यहाँ <p></p> को Paragraph tag कहते है और <p>Paragraph</p> Paragraph element कहते है।
HTML Tags: यह HTML के अंदर HTML Element की शुरुवात और अंत को दर्शाता है जैसे <p> शुरुवात को और </p> अंत को।
HTML Elements: यह HTML के अंदर HTML tags के साथ कंटेंट को भी दर्शाता है। [जैसे <p>This is a Paragraph.</p> में <p></p> HTML Tag है और “This is a Paragraph.” यह कंटेंट है। यह ब्राउज़र को यह बताते है कि किसी कंटेंट को वेब पेज पर कैसे दिखाया जाये।
HTML Document कैसा होता है?
<!DOCTYPE html>
<html>
<head>
<title>Page Title – MitraYatri.com</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
नीचे दी गई लिंक से आप देख सकते है।
इस डॉक्यूमेंट को कॉपी करके आप किसी भी Notepad या HTML Editor में जाकर इसको Paste करदे और CTRL+S करके एक फाइल index.html बना ले व इस फाइल को जब आप अपने ब्राउज़र में खोलेंगे तो आपको कुछ ऐसा नीचे दी गई इमेज में दिखाई देगा।
HTML Elements क्या है?
HTML Elements किसी वेब ब्राउज़र को बताते है कि HTML में लिखे Contents को कैसे वेब पेज पर दर्शाना है। जैसे <b> Bold tag का इस्तेमाल वेब पेज पर किसी Text या Sentence को Bold करके दिखाने के लिए किया जाता है। HTML में Start Tag से लेकर End Tag सब कुछ Element होता है।
जैसे:
- <h1>My First Heading</h1>
- <p>My first paragraph.</p>
- <b>This text is Bold.</b>
- <u>This text is Underlined.</u>
HTML Elements List
| <!DOCTYPE html> | यह ब्राउज़र को बताता है कि हम HTML5 का उपयोग कर रहे है। |
| <html> | <html> यह HTML का Main Element है इसके बिना HTML की शुरुवात ही नहीं होगी। |
| <head> | <head> यह Head Element है जिसमें Metadata Information होती है। |
| <title> | <title> यह Title Element है जो HTML Page का Title होता है और वेब पेज के सबसे ऊपर Title Bar में दिखाई देता है। |
| <body> | </body> यह Body Element को दर्शाता है। इसमें वह सभी HTML Elements होते है जो वेब पेज पर दिखाई देते है। जैसे: headings, paragraphs, images, iframes, tables, forms, links, videos, Lists, etc. |
| <h1> | <h1> यह Heading Element को दर्शाता है। जो सबसे बड़ी heading होती है यह कुल 6 होती है। (h1, h2, h3, h4, h5, h6) |
| <p> | <p> यह Paragraph Element को दर्शाता है। |
| HTML Extension | HTML का Extension .html तथा .htm है। जैसे: index.html, index.htm |
इस लेख में हमने आपको HTML का परिचय (HTML Introduction) दिया है। HTML में आगे के लेखों में हम इसके बारे में विस्तार से जानकारी प्राप्त करेंगे। अगर आप को कुछ जानना है तो हमें कमेंट करके बताये।