HTML5 का पहला पेज

आपका HTML5 का पहला पेज बनाने  इसका आउटपुट देखने  के लिए आपको 4 steps follow करना है |

  1. एक नई फाइल बनाये
  2. अपने सिस्टम में HTML फॉर्मेट में Save करे
  3. HTML Code लिखे और Save करे
  4. अपने वेब ब्राउज़र में खोले

एक नई फाइल बनाये

अपने पिछले लेसन में प्रोग्रामिंग सॉफ्टवेयर और आउटपुट सॉफ्टवेयर डाउनलोड और इनस्टॉल करने के बारे में सीखा था | आपने उनमे से जो भी प्रोग्रामिंग सॉफ्टवेयर इनस्टॉल किया है उसे खोलना है |

हम यहाँ Visual Studio Code (VS Code) का उदहारण लेकर समझेंगे |

आपको VS Code सॉफ्टवेयर में File menu में New File ऑप्शन पर क्लिक करना है जिससे एक नई फाइल  “Untitled-1” बनेगी  |

 

अपने सिस्टम में HTML फॉर्मेट में Save करे

अब आपको File menu में Save पर क्लिक करना है (या CTRL + S दबाना है) जिससे फाइल सिस्टम में सेव करने के लिए एक Modal Window खुलेगी |

अब अपने सिस्टम में उस ड्राइव और फोल्डर को खोलिये जहा आप अपना HTML पेज save करना चाहते है

अब modal window में  नीचे की ओर  File Name  के आगे अपने HTML पेज का नाम दीजिये |

आप अपनी फाइल का कोई भी नाम दे सकते है | चलिए इस पेज का नाम देते है hompage |

अपनी फाइल का नाम देने के बाद आपको नाम के ठीक बाद एक डॉट (.) लगाना है और html लिखना है | तब आपकी फाइल का पूरा नाम होगा homepage.html

यहाँ .html फाइल का एक्सटेंशन है, जो सिस्टम को यह बताता है की यह एक HTML डॉक्यूमेंट या पेज है और इससे एक वेब पेज की तरह ब्राउज़र में खोलना है |

अब आप कीबोर्ड से Enter Key दबा के या mouse से Save बटन पे क्लिक कर के इस फाइल को सेव कर सकते है |

इन स्टेप्स के बाद आपका HTML page आपके तय किये फोल्डर में save हो चूका है और अब हमें इसमें HTML कोड लिख कर, सेव (CTRL + S) कर के अपडेट करते रहना है |

 

HTML कोड लिखे और Save करे

निचे लिखे HTML Code को copy कीजिये और अपने homepage.html फाइल में Paste कर दीजिये |

<!DOCTYPE html>
<html>
  <head>
    <title>My First Webpage</title>
  </head>
  <body>
    <h1>Hello World !! </h1>
    <p>This is my first HTML web page and I'll become an awesome programmer, soon.</p>
  </body
</html>

फिर CTRL + S दबा के अपने HTML page को अपडेट कर दीजिये |

अपने वेब ब्राउज़र में खोले

HTML फाइल अपडेट करने के बाद अपने कोड एडिटर को minimize कर दीजिये |

अब उस फोल्डर में जाइये जहा अपने अपनी html फाइल को save किया था |

अपनी homepage.html फाइल को क्लिक या डबल क्लिक कीजिये जिससे यह आपके डिफ़ॉल्ट वेब ब्राउज़र में खुल जाये |

ब्राउज़र में खुलने पर आपको अपने homepage.html फाइल में लिखे कोड का आउटपुट दिखाई देगा |

बधाई हो ! आपने  अपना पहला HTML पेज बना लिया है | 

इसी तरह HTML फाइल में HTML कोड लिख कर किसी भी तरह की  वेबसाइट या वेब पेज का HTML स्ट्रक्चर बनाया जाता है  |

जैसे जैसे हम इस कोर्स में आगे बढ़ते जायेंगे, आप और भी एडवांस HTML स्ट्रक्चर बनाना सीखते जायेंगे और अंत में एक स्वयं एक वेबसाइट बनाने लगेगें |

चलिए बढ़ते है अगले लेसन की ओर !!

अगला पाठ » « पिछला पाठ