एक HTML टॅग करण्यासाठी एक अट जोडा कसे

HTML भाषेत अनेक घटक समाविष्ट आहेत यात परिच्छेद, शीर्षके, दुवे आणि प्रतिमा यासारख्या सामान्यतः वापरल्या जाणार्या वेबसाइट घटकांचा समावेश आहे. हेडर, नवा, फूटर आणि बरेच काही यासह, HTML5 सह सुरू केलेल्या अनेक नवीन घटक देखील आहेत. हे सर्व HTML घटक दस्तऐवजाची संरचना तयार करण्यासाठी आणि त्याचा अर्थ देण्यासाठी वापरतात. घटकांना आणखी अर्थ जोडण्यासाठी, आपण त्यांना विशेषता देऊ शकता

मूळ HTML उघडणे टॅग वर्णाने टॅग पूर्ण केले. उदाहरणार्थ, सुरवातीचे परिच्छेद टॅग असे लिहिले जाईल:

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

टॅग्जमध्ये एकाधिक विशेषता असू शकतात. आपण प्रत्येक गुणधर्मांना अंतरासह इतरांपेक्षा वेगळे कराल.

आवश्यक विशेषता असलेले घटक

आपण त्यांना उद्देशित म्हणून काम करू इच्छित असल्यास काही HTML घटकांना खरोखरच आवश्यक आहेत प्रतिमा घटक आणि दुवा घटक या दोन उदाहरण आहेत.

प्रतिमा घटकासाठी "src" विशेषता आवश्यक आहे त्या विशेषताने ब्राउझरला आपण त्या स्थानामध्ये कोणत्या प्रतिमा वापरू इच्छित आहात हे सांगते. गुणधर्माचे मूल्य प्रतिमेचा एक संचयीमा असेल. उदाहरणार्थ:

आपण हे लक्षात येईल की मी या घटकासाठी दुसरे एक विशेषता, "alt" किंवा वैकल्पिक मजकूर विशेषता जोडली आहे. हे तांत्रिकदृष्ट्या प्रतिमांसाठी आवश्यक विशेषता नाही, परंतु प्रवेशासाठी या सामग्रीस नेहमीच समाविष्ट करणे हा एक उत्तम सराव आहे. Alt एट्रीब्यूटच्या मूल्यामध्ये सूचीबद्ध मजकूर हा एखाद्या कारणामुळे प्रतिमा लोड होण्यात अयशस्वी झाल्यास काय प्रदर्शित करेल.

विशिष्ट घटकांची आवश्यकता असलेली आणखी एक घटक म्हणजे अँकर किंवा लिंक टॅग. हा घटक "href" विशेषता समाविष्ट करणे आवश्यक आहे, जे 'हायपरटेक्स्ट रेफरन्स' याचा अर्थ करते. "हे लिंक कोठे जावे?" असे सांगण्याची एक फॅन्सी मार्ग आहे. जसे की प्रतिमा घटकास कोणती प्रतिमा लोड करावी हे जाणून घेणे आवश्यक आहे, दुवा टॅग असणे आवश्यक आहे ते कुठे करावे हे जाणून घ्या. दुवा टॅग कसा दिसू शकतो ते येथे आहे:

त्या लिंकमुळे आता एका व्यक्तीस एका विशेषतेच्या मूल्यानुसार निर्दिष्ट केलेल्या वेबसाइटवर आणता येईल. या प्रकरणात, हे मुख्य पृष्ठ आहे.

CSS हुक म्हणून विशेषता

गुणधर्मांचा आणखी एक उपयोग म्हणजे जेव्हा ते CSS शैलीसाठी "हुक्स" म्हणून वापरले जातात. कारण वेब मानदंड आपल्या पृष्ठाची रचना (HTML) त्याच्या शैली (सीएसएस) मधून वेगळे ठेवायला हवेत म्हणून आपण वेब ब्राऊजरमधे संरचित पृष्ठ कसे प्रदर्शित केले जावे यासाठी सीएस मधील या विशेषता हुक वापरतात. उदाहरणार्थ, आपल्याकडे आपल्या HTML दस्तऐवजात हे मार्कअपचे भाग असू शकते.

जर तुम्हास या भागाला बॅकग्राउंड रंग काळा (# 000) व फॉन्ट आकार 1.5 एडम पाहिजे असेल, तर आपण हे आपल्या सीएसएसमध्ये जमा करू शकता:

.featured {पार्श्वभूमी-रंग: # 000; फॉन्ट-आकार: 1.5em;}

"वैशिष्ट्यीकृत" वर्ग गुणधर्म हुक म्हणून कार्य करतो जे आपण त्या क्षेत्रामध्ये शैली लागू करण्यासाठी CSS मध्ये वापरतो. आम्हाला हवे असल्यास आम्ही येथे ID विशेषता देखील करू शकतो. दोन्ही वर्ग आणि आयडी सार्वत्रिक गुणधर्म आहेत, ज्याचा अर्थ ते कोणत्याही घटकामध्ये जोडले जाऊ शकतात. त्या घटकांचा दृश्यास्पद स्वरूप निर्धारित करण्यासाठी ते दोन्ही विशिष्ट सीएसएस शैलीसह लक्ष्यित केले जाऊ शकतात.

Javascript विषयी

शेवटी, विशिष्ट HTML घटकांवर विशेषतांचा वापर करणे देखील आपण Javascript मध्ये वापरू शकता. जर आपल्याकडे एखादी स्क्रिप्ट आहे जी विशिष्ट आयडी ऍट्रीब्यूटसह घटक शोधत आहे, जी एचटीएमएल भाषेच्या या सामान्य तुकडाचा आणखी एक उपयोग आहे.