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

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

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

How to Write a first html program

How to write 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>

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

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

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

  • Open होते ही आपके सामने एक कुछ इस टाइप का Windows open होगा जिसमे Welcome to this programing world लिखा होगा। तो समझ लीजिये की आपका Program Successfully Run हो गया है। 
आपको सभी HTML Program को ऐसे ही Run करना है। तो अपने इस आर्टिकल How to write First HTML Program  मे जाना की HTML क्या है और यह कहा Use होता है और इस आर्टिकल मे First Program को Run करके भी दिखाया गया है अबा आप नेक्स्ट आर्टिकल मे जानने वाले है ही हटम्ल टॅग क्या होते ही और इसका उसे कैसे किया जाता है