Breaking

First html program | HTML in hindi - Mind Techs Tutorials

html example,  html tags,  how to create a website using html on notepad , how to create html file,  html programs with output  ,html theory , sample html code for homepage , html code for website design

HTML का यूज करके Webpage बनाना बहुत ही आसान है इसके लिए आपको दो चीज चाहिए पहला है टेक्स्ट एडिटर जैसे कि Notepad और Notepad++ दूसरा है एक ब्राउजर जैसे कि Chrome, Mozilla Firefox, UC Browser, Internet explorer इत्यादि ।जिसमें आपके पेज को पहचान मिलती हैं जिसे इंटरनेट यूजर देख सकते हैं

दोस्तों इस ट्यूटोरियल में मैं आपको HTML language के हर एक tags को step by step बताऊंगा और उसमें उसके साथ उनके attributes को भी बताऊंगा जैसे कि किस attributes का प्रयोग किस tags के साथ करना है और किस tags के साथ नहीं करना है और उनके example को भी हम देखेंगे।

तो दोस्तो इसे पढ़ने से पहले हम यह जान लेते हैं कि HTML program लिखा कैसे जाता है और इसे Run कहां किया जाता है और कैसे किया जाता है

How to Write a first html program


HTML में सिंपल प्रोग्राम लिखने से पहले चलिए दोस्तों हम सबसे पहले HTML के स्ट्रक्चर को समझ लेते हैं कि HTML का स्ट्रक्चर कैसा होता है

Structure of HTML



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!DOCTYPE html>
<html>
<head>
  <title>
    Your Title ....
  </title>
</head>
<body>
  your content ....
</body>
</html>

यहाँ पर आप सबसे पहले देख सकते है की प्रोग्राम में <html> टैग लिखा गया है html language में सबसे पहले <html> टैग का प्रयोग किया जाता है और इस टैग को close करने के लिए </html> टैग के प्रयोग किया जाता है |html के बाद <head> टैग का प्रयोग किया जाता है इस टैग में प्रोग्राम के style और script को डिफाइन किया जाताहै | उसके बाद  <title>  टैग का इस्तेमाल किया जाता इस टैग के अंदर अपने वेबपेज के टाइटल को लिखा जाता है ऊपर स्ट्रक्चर में जैसे लिखे गए है ठीक आपको उसी प्रकार लिखना है और यहाँ पर </body> टैग के अंदर अपने प्रोग्राम को लिखा जाता है जिसे हम वेबपेज में दिखाना चाहते है |

Example


webpage में Welcome to this programing world प्रिंट करने के लिए एक सिंपल प्रोग्राम है जो निचे लिखा गया है |
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!DOCTYPE html>
<html>
<head>
  <title>
  Mind Techs Tutorials
  </title>
</head>
<body>
 <p>Welcome to this programing world !</p>
</body>
</html>

Output:

Output
Mind Techs Tutorials Welcome to this programing world !









1.   ऊपर दिए गए Program को Run करने के लिए सबसे पहले आप ऊपर दिए गए Program को कॉपी कर लीजिये या टाइप कर लीजिये टाइप करने के बाद आप अपने Notepad या Notepad++ को ओपन कर लीजिये और Program को paste कर दीजिये जो अपने copy किये है जैसा की इमेज में दिया गया है |

2.  अब आप इसे example.html के नाम से Save कर दे Save करते वक्त ध्यान रहे के फाइल का एक्सटेंशन .html रहे और नाम कुछ भी आप रख सकते है |

3.  अब आपको उस file पर डबल क्लिक करके open करना है जिस file को आपने Save किया है

4.  Open होते ही आपके सामने एक कुछ इस टाइप का Windows open होगा जिसमे Welcome to this programing worldलिखा होगा। तो समझ लीजिये की आपका Program Successfully Run हो गया है। आपको सभी HTML Program को ऐसे ही Run करना है।


 


HTML Structure in Hindi




Post a Comment

0 Comments