Skip to main content

What is html | Html क्या है?

 


What is html | Html क्या है?

HTML एक मार्कअप लैंग्वेज है, जिसे “Hypertext Markup Language” कहा जाता है। यह Web Pages बनाने में सबसे ज्यादा इस्तेमाल की जाती है। HTML लैंग्वेज का यूज करके हम Web Browser को यह समझाते है, कि एक वेब पेज का कंटेंट यूजर को कैसा दिखना चाहिए।


अभी आप जिस वेबसाइट में है, इसका स्ट्रक्चर भी HTML लैंग्वेज के इस्तेमाल से ही डिज़ाइन किया गया है। Hypertext और Markup यह दो अलग शब्द है, जिनकी परिभाषा कुछ इस प्रकार है:


Hypertext वह Text होता है, जिसमे किसी अन्य Web Pages का Link मौजूद होता है। जब कोई यूजर उस टेक्स्ट (or Anchor Text) के ऊपर क्लिक करता है, तो वह उस वेबपेज पर पहुंच जाता है।। इस प्रकार Web Pages में मौजूद वह टेक्स्ट जिसमे लिंक होता है, कहलाते है।


Markup Language किसी भी Web Page के Structure को बनाने के काम में आती है। उदाहरण के लिए आप एक वेब पेज में Paragraph, Heading, Table और bullet Points इत्यादि क्रिएट कर सकते है; साथ ही Images और Videos को भी एम्बेड कर सकते है।


HTML के अलावा BBC, DHTML, SGML, XML, etc. भी Markup language है। परन्तु इन सभी में HTML सबसे अधिक लोकप्रिय है।


History of Hypertext Markup Language


HTML की शुरुवात 1990 में Tim-Berners Lee — जो कि भौतिक विज्ञानी Contractor के रूप में एक French Organization में कार्यरत थे — ने की थी। शुरुवात में Html language का इस्तेमाल Document Sharing के लिये किया जाता था। कुछ समय बीतने के बाद आखिरकार Lee ने html को Specified करते हुए Browser और Software को लिखा


उसके बाद अब तक Web-page Create करने में Html language का ही use होता आ रहा है। अगर आप Html language अच्छे से सिख जाये तो एक Website बनाना आपके लिये आसान हो जायेगा। अब क्योंकि Html सबसे ज्यादा use की जाने वाली markup language है, 


HTML Basic Tags


1. HTML tag – <html>

2. Head tag- <head>

3. Title tag- <title>

4. Body tag- <body>

5. Heading tag- <h1>

6. Paragraph tag- <p>

7. Line break tag- <br/>

8. Centering content tag- <center>

9. Horizontal line tag- <hr>


और भी कई सारे tag होते है। जिन्हें एक पोस्ट में बता पाना काफी मुश्किल है। क्योंकि अभी हम HTML की जानकारी दे रहे है, तो यहां हम आपको basic चिजे बताएंगे। अपनी अगली पोस्ट  पर हम लगभग सभी tags और उनका क्या काम होता है और इन्हें कैसे इस्तेमाल करे? इस बारे में पूरी जानकारी देंगे।


HTML tag को दो Category में विभाजित किया जाता है:


1.  Paired tag – इन tags का दूसरा नाम Container tag होता है। जिनका इस्तेमाल Pair के रूप में किया जाता है। यानी इन tags के Opening और Closing tag दोनों होते है।


Example- Html tag का Opening tag <html> है, और Closing tag </html> होता है। ऐसे ही बाकी tag के आगे भी forward slash / लगाकर उन्हें  close किया जाता है। इसका मतलब इनका सही से उपयोग करने के लिए आपको इन दोनों tag का इस्तेमाल करना होगा। तभी आप एक web page create कर पायेंगे।


2. Unpaired tag– इन tag को empty tag भी कहा जाता है। इनका कोई closing tag नही होता है। line break tag <br/> इसी category में आता है।





HTML से Simple Web Page कैसे बनाये?


HTML से web page Create करने के लिए आपको अपने Computer पर Notepad को Open कर लेना है। बेहतर Coding experience के लिये आप Notepad++ का use कर सकते है। अब simply नीचे बतायी गयी method को समझे।


Basic HTML Document का उदाहरण


<!DOCTYPE Html> <html> <Head> <title> What is html in hindi </title> </Head> <body> <h1> html kaise sikhe </h1> <p> Hypertext markup language </p> </body> </html>


● यहां पर <!DOCTYPE Html> एक तरह का घोषणा पत्र है, कंप्यूटर के लिये। जिसके माध्यम से कंप्यूटर को यह बताया जाता है कि तैयार किया गया Document Html language में है।


● उसके बाद Html opening tag (<html>) से Web page बनाने की शुरुवात की जाती है। बाकी सारे tag html Opening tag और Html Closing tag के बीच मे आते है।


● Head tag (<head>) Html tag के नीचे लगाया जाता है। इसके बीच मे title tag (<title>) लगाया जाता है। title लिखने के बाद उसे title Closing tag (</title>) की मदद से बंद किया जाता है, फिर head tag को भी उसके closing tag (</head>) से बंद किया जाता है।


● अब body tag (<body>) की शुरुवात होती है। इसके नीचे heading व paragraph etc. लिखने के लिये   heading tag (<h1>), Paragraph tag ( <p> ) व उनके closing tag (</h1>) and (</p>)  लगाये जाते है। जिसके बाद body tag को उसके Closing tag (</body>) के साथ बंद किया जाता है।


● अब अंत मे Html के closing tag (</html>) की मदद से इस पूरे html Document को close कर दिया जाता है।


अब इस पूरे Document को Save कर लीजिये। इस document को Save करते वक्त आपको कुछ बातों का ध्यान देना है। जैसे – File name को .html, Save as file को All files तथा Unicode को ANSI Select करके Save करे। पूरे Document को html में save करने के बाद आप इसे Browse करके check कर सकते है।


Labels:

Comments

Post a Comment

knowledgeable post

Popular posts from this blog

HTML Element

HTML Element HTMl Element क्या है – What is an HTML Element? यह प्रश्न हमेशा ही Confuse करता है. खासततौर पर नये-नये Programmers तो HTML Elements के बारे में Confused ही रहते है. इसी Confusion को दूर करने के लिये हमने यह Lesson तैयार किया है. इस Lesson में हम आपको HTML Element क्या है? HTML Element और HTML Tag में अंतर क्या है – Different between HTML Tag and HTML Element? HTML Element के प्रकार – Types of HTML Elements? आदि के बारे में जानकारी देंगे. Table of Content HTML Element क्या है – What is an HTML Element?
Post a Comment
Read more »

LIST TAG

List tag HTML lists are used to organize and structure content on a web page. There are two types of lists in HTML: ordered and unordered. An ordered list is represented by the <ol> tag, and each list item is represented by the <li> tag. The items in an ordered list are numbered, and the numbers are automatically generated by the browser. Here's an example of an ordered list: <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> This will be rendered as: Item 1 Item 2 Item 3 An unordered list is represented by the <ul> tag, and each list item is represented by the <li> tag. The items in an unordered list are bullet points, and the bullet points are automatically generated by the browser. Here's an example of an unordered list: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> This will be rendered as: Item 1 Item 2 Item 3 You
Post a Comment
Read more »

Clock Using Html & Js

CLOCK : : Code for this clock <! DOCTYPE html > < html lang = " en " > < head >     < meta charset = " UTF-8 " >     < meta http-equiv = " X-UA-Compatible " content = " IE=edge " >     < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " >     < title > Document </ title > </ head > < style >     body {         background-color : black ;         width : 98 vw ;         height : 95 vh ;         border : 4 px double cornflowerblue ;     }     . heading {         text-align : center ;         margin-top : 10 px ;         font-size : 70 px ;         color : crimson ;     }     . heading img {         height : 50 px ;         width : 60 px ;     }     . time {         text-align : center ;         color : crimson ;         font-size : 100 px ;         padding-top : 70 px ;     }     .
Post a Comment
Read more »