HTML ट्यागमा विशेषता कसरी थप्नुहोस्?

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

एक मूल एचटीएमएल खोल्ने ट्याग <अक्षरको साथ सुरु हुन्छ। त्यो ट्याग नामको पछि लागिएको छ, र अन्तमा, तपाइँ ट्यागसँग> क्यारेक्टर पूरा गर्नुहोस्। उदाहरणका लागि, खुल्ला अनुच्छेद ट्याग यस्तो लेखिएको छ:

तपाईंको एचटीएमएल ट्यागमा विशेषता थप्नको लागि, तपाईंले पहिलो ट्याग नाम पछि एक स्पेस राख्नुहुन्छ (यस अवस्थामा यो "p")। त्यसोभए तपाईंले विशेषता नाम थप्नु भएको छ जुन तपाईले एक समान चिन्ह पछि पछ्याउन चाहानुहुन्छ। अन्तमा, विशेषता मान उद्धरण चिन्हहरूमा राखिनेछ। उदाहरणका लागि:

ट्यागहरूमा बहु विशेषताहरू हुन सक्छन्। तपाईं प्रत्येक विशेषतालाई अन्य ठाउँबाट स्पेसको साथ छुटाउनुहुनेछ।

आवश्यक गुणहरूको साथ तत्वहरू

केही एचटीएमएल तत्वहरूले वास्तवमा विशेषताहरू चाहिन्छ भने यदि तपाइँ तिनीहरूलाई इच्छित रूपमा काम गर्न चाहानुहुन्छ। छवि तत्व र लिङ्क तत्व यो दुई उदाहरण हो।

छवि तत्व "src" विशेषता को आवश्यकता छ। त्यो विशेषताले ब्राउजरलाई तपाइँ कुन स्थानमा प्रयोग गर्न चाहानुहुन्छ भनेर बताउँछ। विशेषताको मान तस्विरमा फाइल मार्ग हुनेछ। उदाहरणका लागि:

तपाईले ध्यान दिनुहुनेछ कि मैले यस तत्वलाई अर्को विशेषता थपेको छु, "alt" वा वैकल्पिक पाठ विशेषता। यो तस्विरको लागि टेक्निकल रूपमा जरूरी विशेषता होइन, तर यो सर्वोत्तम प्रकृया हो जुन सँधै पहुँचको लागि यो सामग्री सामेल हुन सक्छ। Alt विशेषताको सूचीमा सूचीबद्ध पाठ भनेको छविले केही कारणले लोड गर्न असफल भए के हुन्छ भनेर प्रदर्शन गर्दछ।

अर्को विशेषतालाई आवश्यक विशेषताहरू लङ्गर वा लिङ्क ट्याग हो। यो तत्वमा "href" विशेषता समावेश हुनु पर्छ जुन 'हाइपरटेक्टर सन्दर्भ' को लागी छ। यो भनेको "जहाँ यो लिंक जान पर्छ" भन्ने एउटा फ्यानसी तरिका हो। थाहा छ कहाँ यो मनपर्छ। यहाँ छ कि लिङ्क ट्याग हेर्न सक्छ:

त्यो लिङ्कले अब विशेषताको मूल्यमा निर्दिष्ट वेबसाइटमा एक व्यक्ति ल्याउनेछ। यस अवस्थामा, यो मुख्य पृष्ठ हो।

CSS हक्सको रूपमा विशेषताहरू

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

यदि तपाइँ चाहानुहुन्छ कि विभाजन कालो (# 000) र 1.5 फन्ट आकारको पृष्ठभूमि रंग छ भने तपाई यसलाई तपाइँको CSS मा थप्न सक्नुहुन्छ:

.फाइरेटेड {पृष्ठभूमि रंग: # 000; फन्ट-साइज: 1.5em;}

"विशेषता" वर्ग विशेषता हकको रूपमा कार्य गर्दछ जुन हामीले त्यो क्षेत्रमा शैलीहरू लागू गर्न CSS मा प्रयोग गर्दछौं। यदि हामी चाहन्छौं भने हामी हामिलाई एक आईडी विशेषता यहाँ पनि सक्छ। कक्षा र आईडी दुवै सार्वभौमिक विशेषताहरू हुन्, जसको अर्थ छ कि तिनीहरू कुनै पनि तत्वमा थप्न सकिन्छ। तिनीहरू पनि दुवै तत्वलाई लक्षित सीएसएस शैलीहरूमा लक्षित गर्न सकिन्छ कि तत्वको दृश्य रूप निर्धारण गर्न।

जाभास्क्रिप्टको सन्दर्भमा

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