केहि घण्टामा कसरी वेबसाइट सिर्जना गर्ने

वेबसाइट बनाउन गाह्रो हुनु पर्दैन. यस लेखमा, हामी एचटीएमएल पृष्ठ सिर्जनाको आधारभूत कुराहरू र कसरी मिनी-समावेश सूची सिर्जना गर्ने भन्ने बारे जानेछौं. अर्को, हामी html कसरी प्रयोग गर्ने भनेर छलफल गर्नेछौं>-पाठ हाइलाइट गर्न ट्याग. अन्ततः, हामी तपाइँलाई केहि घण्टामा वेबसाइट कसरी बनाउने भनेर देखाउनेछौं. हामी केही अन्य उपयोगी प्रविधिहरू पनि समावेश गर्नेछौं.

html पृष्ठ सिर्जना गर्दै

HTML वेब पृष्ठहरू निर्माण गर्न प्रयोग गरिने भाषा हो. यसले वेब पृष्ठको संरचना परिभाषित गर्दछ र CSS ले सामग्री कसरी प्रदर्शित हुन्छ भनेर नियन्त्रण गर्दछ. आधारभूत HTML पृष्ठ सिर्जना गर्न गाह्रो छैन. यहाँ सुरु गर्न को लागी एक चरण-दर-चरण गाइड छ. एकपटक तपाईंसँग आधारभूत HTML पृष्ठ छ, तपाईं थप जटिल र गतिशील सिर्जना गर्न तयार हुनुहुन्छ. सुरु गर्न, तपाईलाई टेक्स्ट एडिटर र वेब ब्राउजर चाहिन्छ.

तपाईले आफ्नो वेबपेजको लागि सामग्री सिर्जना गर्न MS Word जस्तै वर्ड प्रोसेसर पनि प्रयोग गर्न सक्नुहुन्छ. तपाइँ हाइपरलिङ्कहरू एकअर्कामा पाठ जडान गर्न प्रयोग गर्न सक्नुहुन्छ. तपाईंले फाइललाई html फाइलको रूपमा पनि बचत गर्न सक्नुहुन्छ, एक वेब पृष्ठ. यो विधि राम्रो काम गर्दछ, तर तपाईंले यसरी सिर्जना गर्नुभएको पृष्ठहरू ठूला छन् र ब्राउजर विन्डोमा राम्रो देखिँदैनन्. यस विधिको एक मात्र नकारात्मक पक्ष यो हो कि तपाईंले उपलब्ध उपकरणहरू प्रयोग गर्न सिक्नु पर्छ.

HTML एउटा मार्कअप भाषा हो, जसको मतलब तपाईंले पृष्ठमा सामग्री ढाँचा गर्न ट्यागहरू समावेश गर्न आवश्यक छ. प्रत्येक ट्यागले पृष्ठको एक तत्वलाई प्रतिनिधित्व गर्दछ. एक ट्याग एक कोण कोष्ठक द्वारा पहिचान गरिएको छ. केही तत्वहरूलाई केवल एउटा ट्याग चाहिन्छ, जबकि अरूलाई दुई चाहिन्छ. बन्द हुने ट्यागमा फर्वार्ड स्ल्याश हुन्छ. उदाहरणका लागि, अनुच्छेद ट्यागले अनुच्छेद भनिने तत्व सिर्जना गर्दछ. उद्घाटन र बन्द ट्यागहरू बीचको पाठले अनुच्छेद पाठ गठन गर्दछ. त्यस्तै, उल ट्यागले अक्रमित सूची सिर्जना गर्दछ.

एउटा मिनी-समावेश सूची सिर्जना गर्दै

एक मिनी-समावेश खण्ड सिर्जना गर्नु भनेको एउटै वेब पृष्ठमा विभिन्न तत्वहरू लिङ्क गर्ने प्रभावकारी तरिका हो. HTML पृष्ठ धेरै उप-खण्डहरूमा विभाजित गर्न सकिन्छ, तत्वहरूको सूची भएको प्रत्येक खण्डको साथ. यी तत्वहरूले विभिन्न उद्देश्यहरू सेवा गर्छन्. तपाइँ वर्णमाला क्रम प्रदर्शन गर्न प्रकार विशेषता प्रयोग गर्न सक्नुहुन्छ. तपाईले सानो केस अक्षरहरू पनि प्रयोग गर्न सक्नुहुन्छ अक्षरहरू ए संग तत्वहरूको सूची सिर्जना गर्न, b, वा ग.

तत्व थप्न सजिलो छ. एउटा साधारण HTML कागजातले यसको सामग्री परिभाषित गर्ने ट्यागहरू समावेश गर्दछ. यी ट्यागहरू सामान्यतया जोडीहरूमा आउँछन्. उद्घाटन ट्याग भित्र तत्वहरू सूचीबद्ध गर्न प्रयोग गरिन्छ, जब क्लोजिङ ट्यागले तत्व बन्द गर्छ. उद्घाटन ट्याग, वा टाउको, कागजातको बारेमा वर्णनात्मक जानकारी समावेश गर्दछ. यो जानकारी शीर्षक समावेश हुन सक्छ, शैली पाना जानकारी, लिपिहरू, वा मेटा जानकारी. समापन ट्याग, अर्कोतर्फ, तत्व बन्द गर्दछ.

html प्रयोग गर्दै>-ट्याग

html>-ट्याग HTML कागजातको मुख्य सामग्री क्षेत्र परिभाषित गर्न प्रयोग गरिन्छ. मुख्य सामग्री क्षेत्रले पृष्ठको केन्द्रीय विषय वा कार्यक्षमतासँग सम्बन्धित पाठ समावेश गर्दछ. यो साइट मा अन्य सामग्री देखि अद्वितीय हुनुपर्छ. अन्य सामग्री पृष्ठमा साइडबारको रूपमा देखा पर्न सक्छ, नेभिगेसन लिङ्कहरू, प्रतिलिपि अधिकार जानकारी, साइट लोगो, र खोज फारमहरू. HTML पृष्ठले html लाई फलो गर्नुपर्छ>-HTML पृष्ठ मानिने ट्याग.

href= विशेषताले लिङ्क तत्व खोल्छ. पछि “=” चिन्ह, तपाईंले लिङ्कको URL टाँस्नुपर्छ. तपाईं एउटै शीर्षकमा धेरै अनुच्छेद लाइनहरू पनि प्रयोग गर्न सक्नुहुन्छ. बन्द कोष्ठक अनिवार्य छ. यसले तपाईंको लिङ्कहरूलाई गलत व्याख्या हुनबाट रोक्नेछ. html पृष्ठ पढ्न सजिलो बनाउन, आफ्नो वेबसाइटमा लिङ्क थप्नुहोस्. html>-ट्यागले तपाईंलाई लिङ्कहरू थप्न अनुमति दिनेछ जुन अर्को वेब पृष्ठमा देखाउँछ.

HTML फाइलमा a.html एक्सटेन्सन हुनेछ जसले तपाइँको कम्प्युटरलाई यो HTML फाइल हो भनी बताउनेछ. खाली ठाउँको सट्टा हाइफन प्रयोग गर्नु राम्रो हुन्छ, स्पेसले वेब ब्राउजरलाई फाइल फेला पार्नबाट रोक्छ. एकचोटि तपाईंले HTML पृष्ठ सिर्जना गरिसक्नुभयो, तपाईंले यसलाई बचत गर्नुपर्नेछ. अर्को, HTML फाइलको साथ फोल्डरमा नेभिगेट गर्नुहोस् र यसलाई दायाँ क्लिक गर्नुहोस्. यो तलको स्क्रिनसट जस्तै देखिनु पर्छ.

html प्रयोग गर्दै>-पाठ हाइलाइट गर्न ट्याग

तपाईं चिन्ह प्रयोग गर्न सक्नुहुन्छ> HTML कागजातहरूमा पाठ हाइलाइट गर्न ट्याग. यो अपेक्षाकृत नयाँ HTML हो 5 सुविधा, र यसले अनुच्छेदको हाइलाइट गरिएको भागलाई परिभाषित गर्दछ. चिन्ह> ट्यागले अन्तर्निहित HTML कागजातको पृष्ठभूमि-रङ गुण परिवर्तन गरेर काम गर्दछ. चिन्ह> ट्यागले विश्वव्यापी र घटना विशेषताहरूलाई समर्थन गर्दछ. यसले पाठलाई पहेंलो वा कालोमा हाइलाइट गर्नेछ. अन्तर्निहित CSS फाइलमा पाठको रंग परिवर्तन गर्न पनि सम्भव छ.

धेरैजसो स्क्रिन रिडरहरूले चिन्ह तत्व घोषणा गर्दैनन्, तर तपाईले कुन पाठलाई हाइलाइट गर्न चाहनुहुन्छ भन्ने स्पष्ट बनाउनको लागि CSS सामग्री गुण वा पहिले र पछि छद्म तत्वहरू प्रयोग गर्न सक्नुहुन्छ।. घोषणाहरू शब्दहरू हुन् र पृष्ठमा अनावश्यक जानकारी थप्छन्, त्यसैले तपाईंले तिनीहरूलाई थोरै प्रयोग गर्नुपर्छ. उदाहरणका लागि, तपाईंले खोज शब्द हाइलाइट गर्न वा उद्धरणहरू ब्लक गर्न घोषणाहरू प्रयोग गर्न सक्नुहुन्छ. घोषणाहरू सबै प्रमुख ब्राउजरहरू द्वारा समर्थित छन्.

पृष्ठभूमि रंग शैली को अतिरिक्त, तपाईं 'हाइलाइटम' प्रयोग गर्न सक्नुहुन्छ’ तपाईंको HTML कागजातमा पाठ हाइलाइट गर्न कक्षा. पृष्ठभूमि-रङ शैली सबै ब्राउजरहरू द्वारा समर्थित छ. तपाईं पहेंलो शब्द पनि प्रयोग गर्न सक्नुहुन्छ’ रंग कोडको सट्टा. तपाईं पाठको अनुच्छेद वा खण्ड हाइलाइट गर्न उही कोड प्रयोग गर्न सक्नुहुन्छ. तपाईं पाठ हाइलाइट गर्न CSS कक्षाहरू पनि प्रयोग गर्न सक्नुहुन्छ.

html प्रयोग गर्दै>-मिनी-समावेश सूची सिर्जना गर्न ट्याग गर्नुहोस्

html>-ट्याग मिनी-समावेशहरूको सूची सिर्जना गर्न प्रयोग गरिन्छ. यसले सम्बन्धित समापन ट्याग समावेश गर्दछ र तत्वको नाम सानो अक्षर हो. HTML कागजातहरू UTF-8 क्यारेक्टर इन्कोडिङ प्रयोग गरेर इन्कोड गरिएका छन्, जसले युनिकोड क्यारेक्टरहरू समावेश गर्न समर्थन गर्दछ. html प्रयोग गर्दा>-ट्याग, मा UTF-8 चयन गर्न निश्चित हुनुहोस् “बचत-को रूपमा” संवाद बक्स.

html प्रयोग गर्दै>-HTML पृष्ठमा मिनी-समावेश सूची थप्न ट्याग सजिलो छ. तपाईले यो ट्यागलाई कुनै पनि तत्वको लागि प्रयोग गर्न सक्नुहुन्छ जसले अक्रमित सूचीलाई समर्थन गर्दछ. तपाइँ नेभिगेसन मेनुको लागि अक्रमित सूची पनि प्रयोग गर्न सक्नुहुन्छ. dl तत्वले सर्तहरू र विवरणहरूको जोडीहरूको सूची संलग्न गर्दछ. अर्डर गरिएको सूचीमा रहेका वस्तुहरू बायाँतिर एस्केलेटिंग काउन्टरसँग प्रदर्शित हुन्छन्. यदि सूची वस्तु तुरुन्तै अर्को तत्व द्वारा पछ्याइएको छ भने तपाईले dl तत्व पनि हटाउन सक्नुहुन्छ.

मिनी-समावेश सूची सम्मिलित गर्ने अर्को तरिका HTML कागजातमा फुटर तत्व थप्नु हो. यो तत्वले निकटतम खण्ड सामग्रीको फुटर प्रतिनिधित्व गर्दछ. यसले सामान्यतया लेखकको बारेमा जानकारी समावेश गर्दछ, प्रतिलिपि अधिकार डाटा, वा सम्बन्धित कागजातहरूको लिङ्कहरू. html प्रयोग गर्दै>-HTML पृष्ठमा मिनी-समावेश सूची सिर्जना गर्न ट्याग गर्नुहोस्

html प्रयोग गर्दै>-व्यक्तिगत पाठ ब्लकहरू हाइलाइट गर्न ट्याग

HTML5 ले चिन्हको साथ व्यक्तिगत पाठ ब्लकहरू हाइलाइट गर्दछ> तत्व. यो HTML5 ट्यागले स्रोतमा रहेको सामग्रीको रंगलाई पहेंलो वा कालोको निश्चित छायामा परिवर्तन गर्छ, पाठकलाई महत्त्वपूर्ण पाठ छुट्याउन अनुमति दिँदै. यो अन्य पाठ भन्दा बढी ध्यान आवश्यक सामग्री को खण्डहरू संकेत गर्न पनि प्रयोग गर्न सकिन्छ. चिन्ह> तत्वले HTML मा ग्लोबल एट्रिब्यूट र घटना विशेषताहरूलाई समर्थन गर्दछ. सही प्रयोग गर्दा, यो HTML5 ट्यागले वेबपेजको पठनीयता बढाउन सक्छ.

HTML4 मानकले भौतिक-शैली वर्ण-स्तर ट्यागहरूलाई अस्वीकार गर्छ. तिनीहरू प्रस्तुतीकरणको साथ व्यवहार गर्छन्, र यी उद्देश्यका लागि CSS प्रयोग गर्नु राम्रो हुन्छ. HTML5 ले तिनीहरूलाई पुन: प्रस्तुत गरेको छ. तिनीहरू अब बहिष्कृत छैनन्, तर तिनीहरू अझै पनि व्यक्तिगत पाठ ब्लकहरू हाइलाइट गर्ने एक मात्र तरिका होइनन्. HTML5 सँग पाठको व्यक्तिगत ब्लकहरू हाइलाइट गर्न CSS प्रयोग गर्नुहोस्! यो सरल विधिले सामग्रीको टुक्रा भित्र व्यक्तिगत पाठ ब्लकहरू हाइलाइट गर्नेछ.

फ्लोट: तपाईंले यो CSS गुणलाई समावेश गरिएको तत्वको बायाँ वा दायाँ किनारामा फ्लोट गर्न प्रयोग गर्न सक्नुहुन्छ. यो ग्रिड वा स्तम्भहरू सिर्जना गर्न प्रयोग गर्न सकिन्छ. तपाईं फ्लोट नामक CSS गुणलाई ब्राउजरको बायाँ वा दायाँ मार्जिनमा आइफ्रेम वा छवि फ्लोट गर्न पनि प्रयोग गर्न सक्नुहुन्छ।. यी विशेषताहरूले CSS सँग व्यक्तिगत ब्लकहरू हाइलाइट गर्न सजिलो बनाउँदछ.