Skip to main content

Create First Webpage with Html

 

HTML से First Webpage बनाने का तरीका




Step: 1 एक Text Editor Open कीजिए

अपना First HTML Webpage बनाने के लिए सबसे पहले तो एक Simple Text Editor को Open कीजिए. इसके लिए आप Notepad का उपयोग कर सकते है. Notepad शुरुआत करने के लिए सबसे अच्छा टूल है.


Step: 2 HTML Code लिखिए

Notepad को Open करने के बाद आपको इसमें कुछ HTML लिखनी है. आप नीचे लिखे HTML Program को अपने नोटपैड में Copy कर सकते है. या फिर इस HTML Program को Keyboard की मदद से लिख सकते है.

इस Example में हमने एक HTML Document के सामान्य Structure में काम आने वाले Tags को Use किया है. आप एक HTML Document Skeleton के बारे में अधिक जानकारी के लिए हमारे इस Lesson को पढ सकते है. इस Lesson का URL नीचे दिया गया है.

इसे पढे: HTML Document Structure

<!DOCTYPE html>
<html>
<body><h1>My First Heading</h1><p>My first paragraph.</p>

</body>
</html>

Example को समझिए

  1. <!DOCTYPE html> HTML Tag Document को Define करता है.
  2. <html> Tag एक HTML Document का मुख्य Tag होता है. जिसके अंदर सारी HTML को लिखा जाता है.
  3. <body> Tag में एक HTML Document का Visible Part लिखा जाता है. जो हिस्सा हमे एक Webpage में दिखाई देता है. उसे Body Tag के अंदर ही लिखा जाता है.
  4. <h1> Tag का उपयोग Heading बनाने के लिए किया जाता है. HTML में h1 से h6 तक की Heading होती है.
  5. <p> Tag का उपयोग HTML Document में Paragraph लिखने के लिए किया जाता है.

Step: 3 HTML File को Save कीजिए

ऊपर जो आपने HTML लिखि है. उसको अब अपने Computer में Save कीजिए. HTML File को Save करना इतना ही आसान है जितना कि अन्य फाईल को Save करना.

HTML File को Save करने के लिए File पर जाए. इसके बाद Save पर जाए. या फिर KEYBOARD सेे Ctrl + S दबाएं.  अब आपके सामने एक SaveAs Dialog Box खुलेगा. यहाँ अपनी फाईल का नाम लिखे. नीचे चित्र देंखे. जैसे; firstwebpage.html, Encoding में UTF-8 चुने. और इसके बाद Save बटन पर क्लिक कीजिए.



Note: HTML File Name में .html जरूर लिखें. .html HTML Document का File Extension होता है.

Step: 4 HTML File को Browser में Open कीजिए

अब आपका First HTML Document बिल्कुल तैयार हो चुका है. अब HTML Codes से बने वेबपेज को देखना है. इसके लिए हमे अपनी Saved File को Open करना है. फाईल को खोलने के लिए इसके ऊपर माऊस से डबल क्लिक कीजिए. आपकी फाईल आपके Default Browser में Open हो जाएगी. जो आपको कुछ इस प्रकार की दिख रही होगी.




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 »