HTML का पूरा नाम Hypertext Markup Language है, जिसको Web Pages को बनाने के लिए use किया जाता है।
- Hypertext को वहाँ पर use करते हैं, जहाँ पर Web pages (HTML documents) साथ link होते हैं। इसलिए webpage पर उपलब्ध लिंक Hypertext कहलाते हैं।
- जैसा कि इसके नाम से पता चलता है कि HTML एक Markup Language है, जिसका अर्थ है कि, आप किसी text document को tags के साथ सरलता से "mark up" करने के लिए HTML का प्रयोग करते हैं। जो कि Web browser को बताता है कि display के लिए इसका structure कैसा होना चाहिए।
वास्तव में HTML, documents के structure की defining के इरादे के साथ develop हुआ था, जैसे headings, paragraphs, lists और इसलिए इसमें researchers के बीच scientific information को share करने की facilitate दी गई थी।
अब, HTML language में उपलब्ध विभिन्न tags की मदद से web pages format के लिए बङी तादात में उपयोग हो रहा है।
Basic HTML Document:
इसका सरल form में HTML document का एक निम्नलिखित उदाहरण है :
<!DOCTYPE html> <html> <head> <title>This is document title</title> </head> <body> <h1>This is a heading</h1> <p>Document content goes here.....</p> </body> </html>
आउटपुट
This is a heading
Document content goes here.....
इस HTML code के result को check करने के लिए या तो आप code box के top right corner पर उपलब्ध option को use करने की कोशिश कर सकते हैं या फिर अपनी पसंदीदा text editor के उपयोग से इसे HTML file, test.htm में ही save कर सकते हैं। Finally इसे web browser के द्वारा open करें, जैसे Internet Explorer या Google Chrome या Firefox आदि।
HTML Tags: जैसा कि पहले कहा जा चुका है कि HTML एक markup language है और इसमें content format करने के लिए विभिन्न tags का use किया जाता है। यह tags angle braces <Tag Name>के भीतर enclosed होते हैं। कुछ tags के अलावा अधिकतर tags में उनके corresponding closing tags होते हैं। उदाहरण के लिए इसके अपने closing tag </html>, <body> tag और </body> tag आदि होते हैं।
HTML documents का उपर्युक्त उदाहरण निम्नलिखित tags का उपयोग करता है:
| Sr.No | Tag & Description |
|---|---|
| 1 | <!DOCTYPE...>
यह tag document type और HTML version को define करता है।
|
| 2 | <html>
यह tag पूरे HTML document को enclose करता है और मुख्य रुप से इसमें document header जिसे <head>...</head> के द्वारा और document body जिसे <body> </body> tags के द्वारा represent किया जाता है।
|
| 3 | <head>
यह tag document के header को represent करता है, जो कि अन्य HTML tags को रख सकता है, जैसे कि <title>, <link> आदि।
|
| 4 | <title>इसमें document के title को mention करने के लिए <head> tag के अंदर <title>tag का उपयोग किया जाता है। |
| 5 | <body>
यह tag document की body को represent करता है, जो कि अन्य HTML tags को रख सकता है, जैसे <h1>, <div>, <p> आदि।
|
| 6 | <h1>
यह टैग heading को represent करता है।
|
| 7 | <p>
यह tag किसी paragraph को represents करता है।
|
HTML सीखने के लिए आपको विभिन्न प्रकार के tags को पढ़ने और यह समझने की आवश्यकता होगी, कि किसी textual document की formatting के दौरान यह कैसे behave करते हैं। HTML को सीखना उतना ही आसान है, जितना कि किसी user को beautiful webpage बनाने के लिए विभिन्न tags के उपयोग को सीखना।
इसमें World Wide Web Consortium(W3C) में HTML 4 से शुरु होने वाले lowercase tag के उपयोग को recommend किया जाता है।
HTML Document Structure: किसी कठिन HTML document में निम्नलिखित structure होते हैं -
<html> <head> Document header related tags </head> <body> Document body related tags </body> </html>
हम सभी header और body tags के बारे में आगे पढ़ेंगे और अभी के लिए आइए देखते हैं कि document declaration tag क्या होता है।
<!DOCTYPE> Declaration: इस tag का उपयोग web browser द्वारा document में use किए गए HTML के version को समझने के लिए किया जाता है। HTML का Current version 5 है, और यह निम्नलिखित declaration का उपयोग करता है:
<!DOCTYPE html>
यहाँ पर कई ऐसे अन्य declaration types हैं, जो कि HTML version के उपयोग के आधार पर ही HTML document में use हो सकते हैं। हम अन्य HTML tags के साथ tag पर discuss करते समय, इस पर और details देख सकेंगे।
8 comments:
About overview html...
you made Html, easy to understand so thank you very much.
thank u so much
It very helpful
HTML ko sahi se likho yaar
Please comments with signify issues....thanks
Its very helpful to learn html in hindi
nice
Post a Comment