आपका पहला वेब पेज

आपका पहला वेब पेज बनाना

और अब यह अंततः समय HTML कोडिंग में कूद और अपना पहला वेब पेज बना है!

  1. अपने प्रोग्रामिंग या पाठ संपादक और एक नया पृष्ठ बनाएँ खोलो.
  2. यदि आपके संपादक किसी पूर्व निर्धारित कोड कहते हैं में इसे मिटा के रूप में हमें अपने स्वयं के उपयोग जा रहे हैं.
  3. अपने दस्तावेज़ में कोड के नीचे कॉपी और इसे बचाने के लिए कहीं न कहीं आपको याद कर सकते हैं (यदि आप पिछले ट्यूटोरियल आप अपने www रूट निर्देशिका में फाइल को बचाने के index.html या index.php के रूप में भी कर सकते हैं, बस यकीन है कि यह केवल सूचकांक फाइल है बनाने में WAMP स्थापित में तो यह आपके ब्राउज़र में जब आप टाइप लोकलहोस्ट शो) होगा.

XHTML 1.0 कड़ी टेम्पलेट

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>My first web page!</title>
  </head>
  <body>
    <p>Hello there ...</p>
  </body>
</html>

अपने वेब पेज को देखने के

हमारे HTML code बहुत से ही नहीं है और बहुत ज्यादा सिर्फ एक पाठ फ़ाइल है. इस वेब पेज का वर्णन करने के लिए हम इसे एक वेब ब्राउज़र में खोलने जा रहे हैं देखते हैं.

  1. अपने वेब ब्राउज़र शुरू करें और फ़ाइल में जाना> खोलें और फ़ाइल का चयन करें HTML फ़ाइल तुम अभी बनाया है या ब्राउज़र के बार में localhost टाइप और चल अगर तुम WAMP है www रूट निर्देशिका में अपनी फ़ाइल रखा.

अब आप देखना चाहिए एक इस पृष्ठ के समान:

आपका पहला वेब पेजआपका पहला वेब पेज

अपने वेब पेज का विश्लेषण

पहले मैं आपको बता दूँ कि कोड मैं तुम्हें इसके बाद के संस्करण के रूप में दिया जाता है सुपर के रूप में यह हो जाता है और W3C XHTML प्रकार पत्र के लिए 1.0 निर्दिष्टीकरण सही. आप सुरक्षित रूप से यह एक XHTML सख्त सभी अपने भविष्य के वेब पन्नों के लिए खाका 1.0 के रूप में उपयोग कर सकते हैं.

Doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

यह पहली पंक्ति एक असली HTML टैग नहीं है, फिर भी वह हर HTML दस्तावेज़ में की आवश्यकता है. इस तथाकथित doctype वेब ब्राउज़र किस तरह के बताता है यह फ़ाइल से जूझ रहा है. हमारे मामले में यह एक XHTML 1.0 कड़ी फ़ाइल है. इन doctypes पत्थर में सेट अप कर सकते हैं और हमेशा देखा तो अपने आप को बचाने के लिए दिल से यह सीखने का उत्पीड़न कृपया रहे हैं.

HTML तत्व

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  ...
</html>

यह वह जगह है जहाँ हमारी वास्तविक HTML दस्तावेज़ शुरू होता है. <html>...</html> सभी तत्व है कि अपने आप में दिलचस्प नहीं है. यह सिर्फ शुरुआत है और हमारे सभी HTML code के अंत का प्रतीक है. xmlns विशेषता XHTML दस्तावेज़, दूसरे को दो वैकल्पिक हैं के लिए आवश्यक है, लेकिन यह अच्छा अभ्यास है उन्हें शामिल हैं.

प्रमुख तत्व

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>My first web page!</title>
</head>

अगले प्रकार <head> हमारे HTML दस्तावेज़. को छोड़कर के लिए <title> तत्व जो ब्राउज़र विंडो में दिखाई देता है, सिर जानकारी में से कोई भी पृष्ठ पर प्रदर्शित होता है. सिर आम तौर पर भाषा की तरह जानकारी रखती है, चरित्र कूटबन्धन, कॉपीराइट सूचना, और पृष्ठ पर इतना वर्णन. <meta> हमारे कोड में टैग वैकल्पिक लेकिन मामले में एक बैकअप सर्वर के रूप में भी शामिल किया जाना चाहिए है इस जानकारी मुहैया नहीं करा रही है या आप पृष्ठ ऑफ़लाइन देख रहे हैं.

शरीर तत्व

<body>
  <p>Hello there ...</p>
</body>

यह वह जगह है जहाँ बातें दिलचस्प मिल शुरू करते हैं. <body> तत्व सभी सामग्री है कि एक वेब पेज के रूप में प्रदर्शित किया जाएगा आयोजित करता है. इस मामले में हम एक पैरा तत्व है <p> पाठ के साथ नमस्ते वहाँ ... निम्नलिखित अध्यायों में आप ये HTML टैग के और अधिक आप अपने वेब पेज बनाने का उपयोग कर सकते पता मिल जाएगा.

अभ्यास गुरु बनाता है

सबसे अच्छा तरीका सीखना कैसे एक वेबसाइट बनाने के लिए नहीं है, यह खुद दृष्टिकोण. मैं सुझाव है कि आप अपने स्वयं के पृष्ठ में सभी ट्यूटोरियल उदाहरण की कोशिश और कोड के साथ खेलने के आसपास के एक बेहतर समझ प्राप्त बातें कैसे काम करते हैं.