कैसे करें - वेबसाइट बनाएं और देखें
अपने कंप्यूटर पर वेब पेज बनाना और देखना सीखें।
चरण 1: नोटपैड खोलें (पीसी)
विंडोज 8 या बाद में:
स्टार्ट स्क्रीन खोलें (आपकी स्क्रीन पर नीचे बाईं ओर विंडो सिंबल)। नोटपैड टाइप करें ।
विंडोज 7 या इससे पहले:
ओपन स्टार्ट > प्रोग्राम्स> एक्सेसरीज> नोटपैड
चरण 1: टेक्स्ट एडिट (मैक) खोलें
ओपन फाइंडर> एप्लिकेशन> टेक्स्टएडिट
फ़ाइलों को सही ढंग से सहेजने के लिए एप्लिकेशन प्राप्त करने के लिए कुछ प्राथमिकताएं भी बदलें। वरीयताएँ> प्रारूप> में "सादा पाठ" चुनें
फिर "ओपन एंड सेव" के तहत, "फ़ॉर्मेट किए गए टेक्स्ट के बजाय HTML फ़ाइलों को HTML कोड के रूप में प्रदर्शित करें" कहने वाले बॉक्स को चेक करें।
फिर कोड डालने के लिए एक नया दस्तावेज़ खोलें।
चरण 2: कुछ HTML लिखें
निम्नलिखित HTML कोड को नोटपैड में लिखें या कॉपी करें:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
चरण 3: HTML पृष्ठ सहेजें
फ़ाइल को अपने कंप्यूटर पर सहेजें। फ़ाइल > नोटपैड मेनू के रूप में सहेजें चुनें ।
फ़ाइल को "index.htm" नाम दें और एन्कोडिंग को UTF-8 (जो HTML फ़ाइलों के लिए पसंदीदा एन्कोडिंग है) पर सेट करें।
युक्ति: आप फ़ाइल एक्सटेंशन के रूप में या तो .htm या .html का उपयोग कर सकते हैं। कोई अंतर नहीं है, यह आप पर निर्भर है।
चरण 4: अपने ब्राउज़र में HTML पृष्ठ देखें
सहेजी गई HTML फ़ाइल को अपने पसंदीदा ब्राउज़र में खोलें (फ़ाइल पर डबल क्लिक करें, या राइट-क्लिक करें - और "इसके साथ खोलें" चुनें)।
परिणाम बहुत कुछ इस तरह दिखेगा:
W3Schools ऑनलाइन संपादक - "इसे स्वयं आज़माएं"
हमारे मुफ़्त ऑनलाइन संपादक के साथ, आप HTML कोड को संपादित कर सकते हैं और अपने ब्राउज़र में परिणाम देख सकते हैं।
जब आप कोड का तेजी से परीक्षण करना चाहते हैं तो यह सही उपकरण है । इसमें रंग कोडिंग और दूसरों के साथ कोड को सहेजने और साझा करने की क्षमता भी है:
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
यह कैसे काम करता है यह देखने के लिए "इसे स्वयं आज़माएं" बटन पर क्लिक करें।
W3Schools रिक्त स्थान
अगर आप अपनी खुद की वेबसाइट बनाना चाहते हैं और अपनी .html फाइलों को होस्ट करना चाहते हैं, तो हमारे मुफ्त वेबसाइट बिल्डर को आजमाएं , जिसे W3schools Spaces कहा जाता है :