एचटीएमएलमा आधारभूत HTML अवधारणाहरू लेख्नुहोस्

यो भन्दा सजिलो छ जस्तो लाग्छ

एक राम्रो सीएमएसले तपाइँको वेबसाइटमा आलेख पोस्ट गर्न सजिलो बनाउँछ। तर तपाई के वास्तवमा पोष्ट गर्दै हुनुहुन्छ? पाठको धेरै अनुच्छेद। र यदि यो पाठ सही ढंगले ढाँचाबद्ध छैन भने तपाईंको प्यारा लेख तपाईंको वेबसाइटमा बिच्छेदन हुनेछ।

सुसमाचार: यदि तपाईंले HTML मा लेख्न सिक्नुभयो भने, तपाईंको लेख धेरै सुन्दर हुनेछ। केहि आधारभूत अवधारणाहरु संग, तपाईं कुनै पनि समय HTML मा लेख्नुहुनेछ।

एचटीएमएल: वेब ब्राउजरको भाषा

"HTML" "हाइपरटेक मार्कअप भाषा" को लागि खडा छ। मूलतया, यो तपाईंको टेक्स्ट अप गर्नको लागी एक भाषा हो , त्यसैले यसले फैंसी चीजहरू जस्तै बोल्ड हेर्न वा केहि अन्य साइटको लिङ्क गर्न सक्छ।

एचटीएमएल तपाईंको ब्राउजरको आधारभूत भाषा हो। हामी इन्टरनेट (पीएचपी, पर्ल, रूबी, र अन्य) को लागि धेरै प्रोग्रामिङ भाषाहरू प्रयोग गर्दछौं, तर तिनीहरू सबैले अन्ततः एचटीएमएल बाहिर निस्किन्। (ठीक छ, वा जाभास्क्रिप्ट, तर यो सरल राख्नुहोस्।)

तपाइँको ब्राउजरले HTML ले लिन्छ, र यसलाई एक सुन्दर वेब पेजमा बनाउँछ।

एचटीएमएलमा लेख्न सिक्नुहोस्, र तपाइँले थाहा पाउनु भएको ब्राउजरलाई के गरिरहनु भएको छ।

एचटीएमएल माथि साधारण पाठ मा चिन्ह लगाउँछ

एचटीएमएल एक मार्कअप भाषा हो, त्यसैले अधिकांश "HTML" केवल सादा पाठ हो। उदाहरणका लागि, यो उत्कृष्ट HTML हो:

नमस्ते। म HTML हुँ। Exciting। Yep। अद्भुत।

तर पर्खनुहोस्, तपाई भन्नुहुन्छ। त्यो कम्प्युटर भाषा जस्तो देखिन्छन! यो अंग्रेजी जस्तो देखिन्छ!

हो। अब तपाईं महान रहस्य जान्नुहुन्छ। HTML (ठीक तरिकाले प्रयोग गर्दा) पढ्न योग्य पाठ हो।

तपाईंको शब्द प्रोसेसर अनुभवबाट सिक्नुहोस्

निस्सन्देह, हामी सादा पाठ भन्दा बढी चाहन्छौं। हामी चाहन्छौं, भन्नुहोस्, इटालियन

तपाइँ पहिले नै थाहा छ कसरी शब्द प्रोसेसर कार्यक्रममा इटालिकहरू (जस्तै माइक्रोसफ्ट वर्ड, वा नि: शुल्क LibreOffice)। तपाइँ सानो सानो बटन थिच्नुहुन्छ।

तपाईंले टाइप गर्नुभएको सबै कुरा इटालिकमा छ। तपाईं पृष्ठहरूको लागि टाइप गर्न सक्नुहुन्छ। तपाईं कसरी यस उत्सवको जोडलाई रोक्नुहुन्छ? फेरि बटन थिच्नुहोस्। अब तपाईंको फन्ट पुनः सामान्यमा छ।

यदि तपाईं इटालिकिक शब्दहरूको बीचमा जानुहुन्छ भने केहि पाठ थप गर्नुहोस्, यो पनि इटालिकमा हुनेछ। सुरूवात बिन्दु बीचको एक प्रकारको इटालिक क्षेत्र हो , जहाँ तपाइँ "ईन्टरनेट खोल्नुभयो" र अन्त्य बिन्दु, जहाँ तपाईंले तिनीहरूलाई बन्द गर्नुभयो।

दुर्भाग्यवश, यी अन्त स्थानहरू अदृश्य छन्।

अदृश्य सस्पेन्टहरूले धेरै पीडाको कारण हुन सक्छ। इटालिक बन्द गर्न यो सबै सजिलो छ, त्यसपछि कर्सरसँग केहि गलत कदम बनाउनुहोस् र तपाईंलाई अझै इटालिकमा फेला पार्नुहोस्। तपाईले फेरि पुनः प्रयास गर्ने प्रयास गर्नुहुन्छ, तर कतिपय तपाइँ फेरि फेरि जानुभएको छ, त्यसैले उनीहरूलाई सच्याउनुहोस् कि उनीहरूलाई टगल गर्दछन् ... यो गडबड हो।

HTML प्रयोग र # 34; ट्यागहरू & # 34;

एचटीएमएलले अन्कस्पेन्टहरू पनि प्रयोग गर्दछ। फरक छ कि एचटीएमएलमा तपाईँले यी अन्त्य देख्न सक्नुहुन्छ। तपाईले तिनीहरूलाई टाइप गर्नुहोला। तिनीहरूलाई ट्याग भनिन्छ।

आउनुहोस् कि तपाइँ अघिल्लो उदाहरण स्पुज गर्न चाहानुहुन्छ। तपाईं "उत्साहित" शब्द इटालिक गर्न चाहानुहुन्छ। तपाईले Exciting मा टाइप गर्नुहुनेछ। यो जस्तो:

नमस्ते। म HTML हुँ। उत्साह । Yep। अद्भुत।

तपाईंले त्यो पाठ सम्पादकमा बचत गर्नुहुनेछ, त्यसपछि HTML लाई "CU" मा तपाईंको CMS मा प्रतिलिपि बनाउनुहोस् र पेस्ट गर्नुहोस्। ब्राउजरले पृष्ठलाई देखाउँदा, यो यस्तो देखिन्छ:

नमस्ते। म HTML हुँ। Exciting । Yep। अद्भुत।

एक शब्द प्रोसेसरको विपरीत, तपाईंले ती टाइप गरेमा इटालिकहरू देख्नुहुन्न । तपाइँ ट्याग टाइप गर्नुहोस्। ब्राउजरले ट्यागहरू पढ्दछ, तिनीहरूलाई अदृश्य बनाउँछ, र तिनीहरूको निर्देशनहरू पछ्याउँछ।

यो ती सबै ट्यागहरू हेर्न कष्टप्रद हुन सक्छ, तर दायाँ पाठ सम्पादकले यो सजिलो बनाउँछ।

खोल्ने र बन्द गर्ने ट्यागहरू

फेरि ट्यागहरू हेर्नुहोस्। जस्तै I बटन को पहिलो क्लिक जस्तै इटालिक्स मा बदलता इटालियन छोड्छ, जस्तै तपाइँको दोस्रो क्लिक।

एउटा बटन क्लिक गर्नुको सट्टा, तपाई साना ट्यागमा टाइप गर्दै हुनुहुन्छ। इटालिक्स सुरु गर्न एक खुल्ला ट्याग, एक बन्द ट्याग तिनीहरूलाई रोक्न।

ट्यागहरू बीचको फरक नोट गर्नुहोस्। समापन एक /, एक स्ल्याश छ। एचटीएमएलमा सबै समापन ट्यागहरूसँग स्ल्याश हुनेछ।

बन्द ट्याग बिर्सनुहोस्

बन्द ट्यागहरू महत्त्वपूर्ण छन्। के भयो भने तपाईलाई बन्द गर्नु , जस्तै?

नमस्ते। म HTML हुँ। उत्साह। Yep। अद्भुत।

यो तपाईं इटालिक अफलाईन गर्न पुन: क्लिक गर्न बिर्सनुभयो। तपाईले यो पाउनुहुनेछ:

नमस्ते। म HTML हुँ। Exciting। Yep। अद्भुत।

एक छुटेको ट्यागले तपाईंको सम्पूर्ण लेख, वा बायाँको पृष्ठ पनि, इटालिकको नदीमा बदल्न सक्छ।

यो सम्भवतः सबै भन्दा सरल र सबैभन्दा अनावश्यक शुरुवातको गल्ति हो जुन तपाईले गर्न सक्नुहुन्छ। तर यो सजिलो छ। बन्द ट्यागमा बस पप गर्नुहोस्।

अब केही ट्यागहरू सिक्नुहोस्

बधाई छ! तपाइँ मूल HTML लाई बुझ्नुहुन्छ!

साधारण पाठ खोल्ने र बन्द ट्यागहरूसँग चिन्ह लगाइयो। त्यो धेरै राम्रो छ।

अब केहि आधारभूत HTML ट्यागहरू जान्नुहोस्। (तपाइँ पहिले एक सभ्य पाठ सम्पादक प्राप्त गर्न चाहनुहुन्छ।)