वेबसाइटमा निर्माण सुरु गर्न आधारभूत HTML लाई जान्नुहोस्
आफ्नो वेब साइट सिर्जना गर्न आधारभूत HTML सिक्नुहोस्। आधारभूत HTML सिक्न गाह्रो छैन। एचटीएमएल सिक्न सम्भवत: तपाईले आफ्नो व्यक्तिगत वेब साइट सिर्जना गर्न चाहानुहुन्छ जुन एक मात्र महत्त्वपूर्ण कुरा हो। राम्रो पृष्ठहरू डिजाइन गर्न तपाईंले HTML लाई जान्नै पर्छ किनभने यो भाषा हो जुन इन्टरनेटमा वेब साइटमा आधारित छ।
वेब साइटहरू तपाईंको जीवनमा केहि देखाउन उत्तम तरिका हो। आधारभूत एचटीएमएलले तपाईँलाई संसारलाई देखाउने अनुमति दिनेछ जुन तपाईले तपाइँको वेब साइटमा देखाउन चाहानुहुन्छ। रंग थप्दै, पाठ आकार परिवर्तन गर्दै र तपाईंको वेब साइटमा तस्विरहरू सहित केहि आधारभूत चीजहरू छन् जुन तपाईले मूलभूत HTML सिक्दा केहि गर्न सक्नुहुन्छ।
आधारभूत HTML सिक्नका लागि तपाईंले ध्यान राख्नुपर्छ कि यो केवल अक्षरहरूको श्रृंखला हो जुन संक्षिप्त रूपमा के लागि खडा हुन्छ। उदाहरणका लागि, H1 अनुच्छेदको लागि शीर्षकको लागि खडा छ जुन पाँच आकारको पहिलो हो र BR एक लाइन ब्रेक हो।
सम्झनको लागि एक महत्त्वपूर्ण कुरा, जब तपाइँ आधारभूत HTML लाई सिकाउनुहुन्छ, वेब पेजमा HTML ट्यागहरू निश्चित रूपमा आउन आवश्यक छ र सबै HTML ट्यागहरू ब्राउजरको लागि आदेश पहिचान गर्न सुरु र अन्त्य ट्याग हुनुपर्छ। अन्त्य ट्याग मात्र सरल रूपमा ट्यागको रूपमा हो जुन बाहेक यो / प्रतीकसँग सुरु हुन्छ। शीर्षकले यो हेडिंग यहाँ H1>
जस्तो देखिन्छ। त्यहाँ एक ट्याग ट्याग, H1 , शीर्षक, र अन्त्य ट्याग हो, / H1 छ ।
आधारभूत HTML लाई सही तरिका सिक्नुहोस् र सम्झनुहोस् कि ट्यागहरू निश्चित आदेशमा आउँदछ। वेब पृष्ठको आधारभूत ढाँचा निम्नानुसार छ:
यहाँ तपाई महत्त्वपूर्ण कागजात जानकारी जस्तै फ्रेमहरू, भाषा र विशेष निर्देशनहरू राख्न सक्नुहुन्छ।
HEAD>
<खराब> तपाईंको कथा, चित्रहरू, लिङ्कहरू र यहाँ सबै चीजहरू राख्नुहोस्।
तपाईंको अनुच्छेद शीर्षक। H1>
यो जहाँ तपाई तपाईको कागजातको पाठ प्रविष्ट गर्नुहुन्छ। P>
यो कसरी लिङ्क लिने हो:
http://www.nameofpage.com "> शीर्षक वा तपाई के भन्न चाहानुहुन्छ। COUNTA>
BODY>
HTML>
तपाईं एक वाक्य को मध्य मा एक लिंक पनि प्रविष्ट गर्न सक्नुहुन्छ। यदि तपाईं "माइक्रोसफ्ट केहि अद्भुत डेमोहरू" भन्न चाहन्थे। यो यो जस्तो देखिन्छ:
http://www.microsoft.com/en/us/default.aspx "> Microsoft केहि अद्भुत डेमोहरू छन् जुन तपाइँले मूल एचटीएमएल सिक्न मद्दत गर्नका लागि।
तपाई अन्य पृष्ठहरूमा लिङ्कहरू मात्र सिर्जना गर्न सक्नुहुन्न तर तपाईं पनि एकै पृष्ठमा अर्को स्थानमा लिङ्कहरू सिर्जना गर्न सक्नुहुनेछ। यदि म यस लेखको सुरुवातमा फर्कन चाहन्छु भने म "पछि जानुहोस्" जस्तै भन्न चाहन्छु र हाइपरलिङ्कमा क्लिक गरेर तपाइँलाई सुरुमा फिर्ता जानुहुन्छ। यो एक सानो र अधिक कठिन छ किनभने त्यहाँ दुई भागहरू छन्। सबै भन्दा पहिले तपाईंले आफ्नो लिङ्क सिर्जना गर्नुभयो:
nameofdocument #There> फिर्ता जानुहोस् आइटम A >
"त्यहाँ" शब्द हो जुन म तपाईंलाई फिर्ता गर्न चाहन्छु त्यसो त अब त्यस शब्दमा जानुहोस् र सिर्जना र लंगर गर्नु पर्छ त्यसैले मैले लिंक सिर्जना गरेको थाहा पाउनु भएको छ:
जब तपाइँ आधारभूत HTML सिक्न सक्नुहुन्छ तपाईले तपाइँको सम्पादकमा विन्डोजको साथ आउनु भएको पाठ सम्पादकमा तपाईंको वेब साइट लेख्न सक्नुहुन्छ, नोटटब र एर्रोनिकफिलिया, वा तपाइँको जस्तै कि तपाईको वेब ब्राउजरको साथ कार्यक्रम। कुनै पनि तरिका यदि तपाइँ आधारभूत एचटीएमएल सिक्नुभन्दा नियमहरू पछ्याउनुहुन्छ भने सबै चीजहरू ठीक हुनेछ।
आधारभूत HTML ट्यागहरू
- लेखक ब्राउजर द्वारा टिप्पणीहरू देखिएन।
... HTML> - यस ट्यागको प्रयोग गरेर सधैँ आफ्नो पृष्ठ सुरू गर्नुहोस् र अन्त्य गर्नुहोस्।
... HEAD> - कागजातको लागि हेडर।
... BODY> - शरीर को दस्तावेज।
... H1>
- सानो शीर्षक शीर्षक।
... H2>
- सानो शीर्षक आकार।
... H3>
- मध्यम-साना शीर्षकको आकार।
... H4>
- मध्यम-ठूलो हेडिंग साइज।
... H5>
- ठूलो शीर्षक आकार।
... H6>
- ठूलो शीर्षकको आकार।
... COUNTA> - हाइपरटेक लिंक सुरु हुन्छ।
... ADDRESS> - लेखकमा जानकारी।
<ब्लककोट> ... ब्लककोट> - लामो उद्धरण।
... PRE>
- पूर्वनिर्धारित पाठ।
- फारम ब्लक।
- पाठ प्रविष्ट गर्न बक्स बनाउँछ।
<चयन गर्नुहोस् ... ... चयन गर्नुहोस् - - एक स्क्रोलिङ मेनु सिर्जना गर्दछ।
<विकल्प> ... विकल्प> - वस्तुहरू चयन गर्न सिर्जना गर्दछ।
... OL>
- आदेश सूची।
आदेश दिइएको सूचीको उदाहरण:
- रातो
- नीलो
- हरियो
... UL>
- क्रमबद्ध सूची।
एक अङ्कित सूचीको उदाहरण:
- रातो
- नीलो
- हरियो
<मेनु> ... MENU> - मेनु सूची।
<डीएल> ... DL> - शब्दावली सूची।
... CITE> - उद्धरण।
... कोड>
- कोड फन्ट।
... DFN> - परिभाषित शब्द।
... EM> - जोड।
लालमा जोरको उदाहरण:
रातो, निलो, हरियो
... I> - इटालिक।
इटालिकको उदाहरण:
रातो, निलो, हरियो
... KBD> - कीबोर्ड पाठ।
... SAMP> - नमूना पाठ।
... STRONG> - बलियो जोर।
बलियो जोरको उदाहरण:
रातो, निलो, हरियो
... TT> - टाइपराइटर पाठ।
... VAR> - परिवर्तनीय।
... B> - बोल्ड।
<मेटा> - कागजात वर्णन गर्दछ।
- रेखा ब्रेक।
- तेर्सो लाइन।
- छवि।
- अनुच्छेद।
- सूची वस्तु।
<डीटी> - एक सूची मा एक शब्द मार्क गर्दछ।
- सूचीमा परिभाषा चिन्ह लगाउँछ।