यह संक्षिप्त ट्यूटोरियल आपका पहला वेब पेज बनाने में आपका मार्गदर्शन करेगा.
क्या एचटीएमएल है, और मुझे क्या करना चाहिए?
आदेश में आप जो HTML नेट की भाषा है समझने के लिए है एक HTML दस्तावेज़ बनाने के लिए. It'sa अभी तक सार्वभौमिक चिह्न जो वेब डेवलपर्स और डिजाइनरों की क्षमता पाठ की जटिल पेज बनाने के लिए देता है कि भाषा को सरल शैली है, और मूल्यवान सामग्री है कि किसी एक व्यक्ति पर कंप्यूटर या ब्राउज़र की किसी भी प्रकार का उपयोग करते हुए देखे जा सकते हैं छवियों, में बदल वेब.
तुम में से कुछ में आदेश, लेकिन है कि एक blatantly झूठे बयान है अपने खुद के HTML पृष्ठ प्रकाशित करने के लिए कि आप विशेष सॉफ्टवेयर के कुछ प्रकार की जरूरत सुना हो सकता है.
आप की जरूरत है सभी उपकरण के Here'sa छोटे सूची:
एक शब्द संसाधक SimpleText, BBEdit, Notepad, या माइक्रोसॉफ्ट वर्ड (जैसे) के रूप में
-HTML का एक आसान काम ज्ञान. (सौभाग्य से एचटीएमएल आसान है और मज़ा सीखने के लिए!)
हाँ! Thats इसे! ये आप के रूप में अब की जरूरत है सभी उपकरण हैं, यह छोटी सूची तुम्हें कहा था.
टैग
एच टी yper ext एम सन्दूक के-ज्यादातर कि एक साधारण पाठ दस्तावेज़ में एम्बेडेड हैं कई टैग हैं एल anguage. वे सच में सिर्फ पर्दे के पीछे, तो यह आपको देखने की सुविधा देता है जो अधिकांश नियंत्रित, और छुपा रहे हैं क्या आप निर्दिष्ट समय पर विचार करना चाहता है. हम्म, प्रकार के टीवी पर माता पिता का नियंत्रण सुविधा एक बिट की याद दिलाता है.
HTML टैग्स भारी खाते में अंग्रेजी भाषा के अस्तित्व को ले लो. जैसा कि टैग का सबसे शब्द blockquote (जैसे) के रूप में या कोड (जैसे 'पी' पैराग्राफ के लिए) के रूप में है, पर कर रहे हैं जब से वे छोटे कोण ब्रैकेट में (जैसे रखे वे uniquely नियमित पाठ से अलग हो इन <>) . इसलिए बोल्ड टैग <b> की तरह है, और blockquote टैग लगता है <blockquote>.
वहाँ है कि कैसे पृष्ठ (उदाहरण के लिए, <p> स्वरूपित होगा पर सर्वाधिक प्रभाव पड़ेगा कुछ टैग हैं, और एक नया अनुच्छेद शुरू होता है <br> के पैराग्राफ में) एक अंतरिक्ष की अनुमति देने के लिए पिछले लाइन को तोड़ सकता है, और दूसरों अंतर कैसे शब्दों प्रदर्शित (<i>) पाठ इटैलिक बनाता है. ज्यादातर अन्य जानकारी प्रदान - शीर्षक - कि इस पृष्ठ पर ही प्रकट नहीं होता है, जैसे.
आप टैग के बारे में याद रखना चाहिए एक बहुत ही महत्वपूर्ण बात यह है कि हर एक टैग के लिए वहाँ एक और एक के साथ साथ रखा जाता है. तुम एक टैग - का इस्तेमाल हर बार <br> - तुम भी जोड़ना चाहिए और एक अन्य टैग के साथ बंद करीब कहा - इस मामले में, </ br>. इस टैग "Br" इस स्लेश नोट - / - से पहले, कि क्या खोलने टैग से बंद टैग विपरीत रहता है.
एक मूल HTML पृष्ठ हमेशा टैग के साथ शुरू होता है <html> और खत्म <के साथ / html>. के बीच में, फ़ाइल को दो वर्गों - हेडर और शरीर है.
इस शीर्षक को <head> और </ head> टैग से संलग्न - उदाहरण के लिए, शीर्षक यह है कि अंतिम पृष्ठ पर दिखाई नहीं देगा अपने पृष्ठ के बारे में जानकारी शामिल हैं. शरीर से संलग्न <body> और </ body> - जहां असली HTML कार्रवाई की जगह ले जाता है. उस पन्ने पर इन टैगों के भीतर निहित है प्रकट होता है हर बात.
अब यह HTML दस्तावेज पर
मुझे लगता है कि हम एक सरल पेज बनाने शुरू करने के लिए तैयार हैं. बिल्कुल सही है? ठीक है, पहला कदम, एक नया पाठ दस्तावेज़ बनाने के लिए है (याद है, इसे "पाठ केवल" या के रूप में बचाया जाना चाहिए "सादे पाठ" यदि आप, कि तुलना में, कहना पालनेवाला है एक शब्द संसाधक का प्रयोग कर रहे हैं SimpleText or Notepad) और "anything.html" जहां "कुछ", उम, बुनियादी तौर पर कुछ भी अच्छी तरह से सब पर है यह नाम है.
आपके मूल दस्तावेज़ को कुछ इस तरह दिखना चाहिए:
<html> <head> <title> SimpleHelp.Net </ शीर्षक> </ सिर> <body> <h1> HTML मूल बातें </ h1> <p> यह आपको SimpleHelp.Net पर एक काम HTML पृष्ठ बनाने में मदद करने के लिए एक सरल लेख है! </ p> <p> सरल SimpleHelp.Net पर मदद:) </ p> </ body> </ html>
इस <head> टैग के भीतर, जो हम अपने ब्राउज़र के शीर्ष पर इस बार में दिखाई देंगे शीर्षक "SimpleHelp.Net" है.
शरीर टैग के भीतर, आपको लगता है कि स्पष्ट रूप से पृष्ठ पर दिखाई देगा सब कुछ करना चाहिए था. हम इसे कुछ इस तरह दिखेगा ऊपर क्या लिखा है के साथ:
HTML मूल बातें
यह आपको SimpleHelp.Net पर एक काम HTML पृष्ठ बनाने में मदद करने के लिए एक सरल लेख है.
सरल SimpleHelp.Net पर मदद
जैसा आप अनुमान लगाया होगा, <h1> एक शीर्षक के लिए टैग (सबसे बड़ा शीर्षक, वास्तव में <h2>, <h3>, और इतने पर करने के लिए) और तुलना <p>, ज़ाहिर है, की शुरुआत के निशान है एक नया पैरा. प्रत्येक अनुच्छेद द्वारा बंद बंद है एक <इसी / p> टैग. जैसा कि हर दूसरे टैग कि शामिल उनके संवाददाता टैग द्वारा बंद को बंद किया जाना चाहिए एक "/".
"एचटीएमएल" आईएनजी बहुत आसान लग रही है? अच्छा लगता है क्या? यह निश्चित है!
प्रत्येक पृष्ठ एक स्रोत कोड है और यह कर सकते हैं यह आप अपने ब्राउज़र मेनू विकल्पों के माध्यम से इसे तक पहुँचने के एचटीएमएल कोड हर वेब पेज देख सकते हैं के साथ. और सब से बेहतरीन, आप अभ्यास करने के लिए अपने स्वयं के मुखपृष्ठ की जरूरत नहीं है! तुम और फिर उन्हें फ़ाइल मेनू के तहत ओपन विकल्प का इस्तेमाल कर अपने ब्राउज़र के भीतर खुली है अपने स्थानीय या पोर्टेबल ड्राइव पर HTML दस्तावेजों बचा सकता है.
के रूप में उम्मीद है कि इस जोड़े को एक नौसिखिया पाठकों और एक HTML पृष्ठ बनाने शायद यह भी अच्छी तरह से एक के रूप में और अधिक मध्यवर्ती डेवलपर्स मन की कुछ ताज़ा मदद की मदद की है मैं सब भाग्य के लिए कामना करता हूँ.
टिप्पणी करने के लिए स्वतंत्र महसूस!
3 comments… read them below or (3 टिप्पणियाँ ... या नीचे उन्हें पढ़ने एक जोड़ )
तुम एक Br टैग को बंद नहीं कर सकते.
इसके अलावा, HTML एक्सटेंशन के साथ किसी भी सादा पाठ फ़ाइल पर्याप्त है.
क्योंकि यह एक है कि स्वयं को बंद कर रहे हैं कि दो मौजूदा टैग में से एक है, यह सच है एक Br टैग थोड़ा स्पष्ट करने के लिए बंद नहीं होना चाहिए, दूसरी टैग टैग है. इस अनुच्छेद में Br टैग के समापन सिर्फ एक उदाहरण था.
हाँ, यह सही है, तो किसी भी सादे पाठ में विस्तार से बचाया फ़ाइल. Html पर्याप्त है.
अपनी टिप्पणी के लिए निकोलस धन्यवाद. हम आपके अतिरिक्त जानकारी की सराहना करते हैं.
यह दो आत्म टैग समापन के Br और img टैग कर रहे हैं.
एक टिप्पणी छोड़ दो