मूलभूत HTML टॅग काय आहेत?

HTML टॅग हे हायपरटेक्स्ट मार्कअप लँग्वेज (HTML) चे मूलभूत घटक आहेत जे वेब पृष्ठाची रचना आणि बाह्यरेखा परिभाषित करण्यासाठी वापरले जातात. हे HTML टॅग कोनीय कंसात (<>) बंद केलेले आहेत. हे मूलभूत HTML टॅग जोड्यांमध्ये वापरले जातात, सुरुवातीच्या टॅगपासून सुरू होतात आणि क्लोजिंग टॅगसह समाप्त होतात.

ओपनिंग टॅग HTML टॅगच्या सुरूवातीस चिन्हांकित करतात आणि क्लोजिंग टॅग मूलभूत HTML पृष्ठावरील विशिष्ट घटकाच्या समाप्तीची खूण करतात. मूलभूत HTML टॅग्जचे मूळ वाक्यरचना पाहू.

मूलभूत html टॅग

html टॅग

प्रारंभिक टॅग आहे, आणि HTML टॅगच्या शेवटी चिन्हांकित करते. आता, ठळक मधील HTML टॅगचा वापर बेस एचटीएमएल टॅगमध्ये सामग्री संलग्न करण्यासाठी केला जातो.

HTML टॅगची मूलभूत रचना

खालील तक्त्यामध्ये HTML टॅगची मूलभूत माहिती पाहू. येथे HTML चे काही महत्त्वाचे घटक आहेत, जसे की , , , इ.

बेसिक एचटीएमएल टॅग्स: आम्हाला ओपनिंग आणि क्लोजिंग टॅग्सची गरज का आहे?

स्टार्टिंग आणि एंडिंग टॅग खूप महत्त्वाचे आहेत, कारण ते ब्राउझरला सांगतात की एखादा विशिष्ट टॅग केव्हा सुरू होतो आणि तो कुठे संपतो, जेणेकरून ते उपस्थित असलेल्या टॅगनुसार फंक्शन्स सहज देऊ शकतात.

जर आपण उद्घाटन किंवा बंद यापैकी एक विसरलो तर ते अनुचित परिणाम देऊ शकते. हे एचटीएमएल दस्तऐवजात एक खंड निर्माण करू शकते. म्हणून, प्रत्येक टॅग योग्य आणि अर्थपूर्ण वापरणे महत्वाचे आहे. प्रथम प्रत्येक HTML दस्तऐवजात वापरल्या जाणाऱ्या चार मूलभूत HTML टॅगबद्दल जाणून घेऊ.

शिफारस केलेले तांत्रिक अभ्यासक्रम

मूलभूत HTML टॅग: HTML दस्तऐवजाचे चार मूलभूत टॅग

एचटीएमएल डॉक्युमेंट फॉरमॅटमध्ये वापरल्या जाणाऱ्या चार महत्त्वाच्या टॅगबद्दल जाणून घेऊ.

१.

हा टॅग दस्तऐवजाचा प्रकार दर्शवण्यासाठी वापरला जातो. हे HTML दस्तऐवजाच्या शीर्षस्थानी वापरले जाते. हे HTML दस्तऐवजाची आवृत्ती देखील निर्दिष्ट करते जेणेकरून ब्राउझर विशेषत: सामग्री सामावून घेऊ शकेल. HTML मधील सर्व कागदपत्रे. पासून सुरुवात करावी.

2.

हा टॅग HTML दस्तऐवजात संपूर्ण सामग्री संलग्न करण्यासाठी वापरला जातो. शेवटी दस्तऐवज बंद केल्यानंतर ते वापरले जाते. हे HTML दस्तऐवजाची सुरूवात आणि शेवट चिन्हांकित करते.

मूलभूत html टॅग

आत पूर्ण सामग्री

3.

HTML मधील टॅग हे HTML दस्तऐवजाचे शीर्षक विभाग दर्शविण्यासाठी वापरले जातात. यात वेब पृष्ठाशी संबंधित महत्त्वाची माहिती असते, जसे की मेटाडेटा, इतर शीट्सच्या लिंक्स इ. त्यात असे टॅग देखील आहेत

मूलभूत html टॅग

// पृष्ठ शीर्षक सेट करा //लेखक सेटिंग्ज // फेविकॉन जोडा

4.

टॅगमध्ये वापरकर्त्यांसाठी डिझाइन केलेली सर्व महत्त्वाची माहिती असते. यात वेब पृष्ठावर प्रदर्शित सर्व माहिती समाविष्ट आहे. ही सर्व सामग्री टॅगमध्ये संलग्न आहे.

यात ओपनिंग आणि क्लोजिंग टॅग्स दोन्ही असतात. घटक जोडलेले असताना टॅग बंद करा. यात असे टॅग असू शकतात

,मजबूत>, इत्यादी टॅग आत ठेवा.

मूलभूत html टॅग

हा एक साधा HTML दस्तऐवज आहे.

बेसिक एचटीएमएल टॅग: एचटीएमएलमध्ये सेल्फ-क्लोजिंग टॅग्स काय आहेत?

सेल्फ-क्लोजिंग टॅगचा वापर सामग्री नसलेल्या घटकांना संलग्न करण्यासाठी केला जातो, कारण ते वेबसाइटवरील विशिष्ट घटक किंवा पथांसाठी पॉइंटर असतात. ह्यांना HTML मध्ये शून्य आणि शून्य घटक देखील म्हणतात.

या सेल्फ-क्लोजिंग टॅग्सना पारंपारिक HTML घटकांसारखे स्पष्टपणे बंद होणारे टॅग आवश्यक नाहीत. HTML मधील काही सेल्फ-क्लोजिंग टॅग खालील तक्त्यामध्ये दिले आहेत.

शेवटच्या स्लॅशचा वापर HTML5 मध्ये देखील पर्यायी आहे. तुम्ही तुमच्या सोयीनुसार वापरू शकता. तथापि, HTML4 किंवा XHTML सारख्या इतर HTML आवृत्त्यांमध्ये स्लॅश आवश्यक आहेत.

तांत्रिक विषयही वाचा

मूलभूत HTML टॅग: HTML दस्तऐवजातील महत्त्वाचे टॅग

आता, डॉक्युमेंटमध्ये वारंवार वापरल्या जाणाऱ्या काही टॅगबद्दल जाणून घेऊ.

1. शीर्षक टॅग

HTML दस्तऐवजांमध्ये सहा शीर्षक टॅग आहेत: h1, h2, h3, h4, h5 आणि h6. खाली अशा काही हेडिंग टॅग्सबद्दल जाणून घेऊया.

मूलभूत HTML टॅग: शीर्षक टॅग
टॅग	वर्णन	काम
	आम्हाला प्रति पृष्ठ फक्त एकदा शीर्ष शीर्षक पातळी वापरण्याची परवानगी आहे. हे या पृष्ठाचे मुख्य शीर्षक आहे.	हे सामग्रीसाठी स्पष्ट शीर्षक किंवा शीर्षक प्रदान करते, वापरकर्त्यांना पृष्ठाचा प्राथमिक विषय समजण्यास मदत करते.
	हे पृष्ठाच्या मुख्य शीर्षकापेक्षा थोडा कमी महत्त्वाचा उप-विभाग किंवा विभाग निर्दिष्ट करते.	हे वेबसाइटला एक योग्य संरचना प्रदान करते ज्यामुळे वापरकर्त्यांना कोणत्याही क्षेत्रात शोधणे सोपे होते. योग्य शीर्षक टॅग SEO वाढवू शकतात कारण शोध इंजिन अनुक्रमणिका आणि रँकिंगसाठी शीर्षके वापरतात.
	लहान तुकड्यांमध्ये सामग्री विभाजित करणारा विभाग आहे टॅग हे सबटायटल्ससारखे आहे ,	हे आशयाला व्यवस्थापित करण्यायोग्य विभागांमध्ये विभाजित करते जेणेकरून वाचक वेब पृष्ठावरील भिन्न विषय अधिक द्रुतपणे वाचू आणि समजू शकतील.
	आत दुसरा उपविभाग जोडतो मजकूरात व्हिज्युअल मूल्य जोडण्यासाठी विभाग समाविष्ट केले आहेत.	ब्राउझरला हे सांगण्यासाठी टॅग वापरले जातात की आत संलग्न केलेले उपशीर्षक इतर टॅगपेक्षा कमी महत्त्वाचे आहे.
	आम्ही वापरू शकतो शीर्षकाखाली लिहा टॅग	हे लोकांना वाचणे आणि समजणे सोपे बनवून सामग्री व्यवस्थित आणि संरचित करण्यात मदत करते.
	महत्वाची नसलेली सामग्री जोडते.	पृष्ठ क्रमांक आणि तळटीप यांसारखे घटक जोडताना हे उपयुक्त ठरू शकते.

2. लिंक टॅग

लिंक टॅग एक हायपरलिंक ॲड्रेस तयार करतात जो तुम्हाला एम्बेडेड लिंक वापरून थेट दुसऱ्या वेब पेजवर जाण्यास मदत करू शकतो. हे क्लिक करण्यायोग्य मजकूर हायलाइट तयार करण्यासाठी वापरले जाते जे वापरकर्त्यांना विशिष्ट वेबसाइटवर पुनर्निर्देशित करू शकतात.

अँकर लिंक प्रभावी करण्यासाठी उमेदवार अनेक वैशिष्ट्ये देखील वापरू शकतात. अँकर टॅगची काही प्रमुख वैशिष्ट्ये खाली नमूद केली आहेत.

मूलभूत HTML टॅग: अँकर टॅग विशेषता
मालमत्ता	वर्णन	उदाहरण
href	लिंक केलेल्या संसाधनाची URL निर्दिष्ट करा.	लिंक मजकूर
लक्ष्य	लिंक केलेले दस्तऐवज कुठे उघडायचे ते निर्दिष्ट करा.	लिंक मजकूर
डाउनलोड करा	क्लिक केल्यावर लक्ष्य डाउनलोड केले जाईल असे निर्दिष्ट करते	डाउनलोड करा
विषय	दुव्याबद्दल अतिरिक्त माहिती प्रदान करते	लिंक मजकूर
नाते	वर्तमान दस्तऐवज आणि लिंक केलेले दस्तऐवज यांच्यातील संबंध परिभाषित करते.	लिंक मजकूर
ओळख	घटकाला एक अद्वितीय अभिज्ञापक नियुक्त करते	विभाग १ ची लिंक

3. HTML मध्ये टॅग सूचीबद्ध करा

एचटीएमएलमध्ये तीन प्रकारचे सूची टॅग आहेत: ऑर्डर केलेली सूची, अक्रमित सूची आणि वर्णन सूची.

1. ऑर्डर केलेली यादी

हे क्रमबद्ध पद्धतीने सूचीचे प्रतिनिधित्व करते. म्हणून प्रस्तुत केले जाते

टॅग

मूलभूत HTML टॅग: यादी

आयटम 1 आयटम 2 आयटम 3

2. अव्यवस्थित यादी

हे अक्रमित पद्धतीने सूचीचे प्रतिनिधित्व करते. हा टॅग वापरून घटक सूचीबद्ध करण्याचा कोणताही विशिष्ट क्रम नाही. म्हणून दर्शविले जाते

मूलभूत HTML टॅग:

आयटम ए आयटम b आयटम c

3. वर्णन सूची

हे एक तपशीलवार यादी सादर करते जी प्रामुख्याने दोन भागांमध्ये सादर केली जाऊ शकते

आणि, द टॅग्ज वर्णन संलग्न करण्यासाठी वापरले जातात, आणिवर्णन सूचीमधील शब्दांचे प्रतिनिधित्व करण्यासाठी टॅग वापरतात.

मूलभूत HTML टॅग: यादी

टर्म १ वर्णन १ टर्म 2 वर्णन २

4. टॅग

वेब पृष्ठावर प्रतिमा सामग्री घालण्यासाठी टॅग वापरतात. टॅगमध्ये क्लोजिंग टॅग नाही. इमेज टॅगचे काही प्रमुख गुणधर्म src, alt, रुंदी आणि उंची आहेत.

मूलभूत HTML टॅग: विशेषता

src = “pwskills.jpg” alt = “pw कौशल्यांसह शिका” रुंदी = “100” उंची = “100”

• इमेज लोड होण्यात अयशस्वी झाल्यास पर्यायी मजकूर देण्यासाठी “alt” टॅग वापरला जातो. हा मजकूर वेब पृष्ठावर प्रदर्शित केला आहे. वापरताना alt विशेषता समाविष्ट करणे ही एक चांगली सराव आहे टॅग
• रुंदी आणि उंची विशेषता वेब पृष्ठावर प्रदर्शित होण्यासाठी प्रतिमेचे परिमाण समायोजित करण्यात मदत करतात.

५.

आम्ही नंतरच्या वापरासाठी किंवा सूचनांसाठी तपशील संलग्न करण्यासाठी HTML टॅग वापरतो. हे वेब पृष्ठावर प्रदर्शित होत नाही आणि कोडच्या संकलनादरम्यान अंमलात आणले जात नाही. HTML मध्ये मल्टीलाइन किंवा सिंगल-लाइन टिप्पण्या संलग्न करण्यासाठी तुम्ही टॅग सहजपणे वापरू शकता.

मूलभूत HTML टॅग: विशेषता

ही एक बहु-ओळी टिप्पणी आहे. हे अनेक ओळींमध्ये पसरू शकते. ,

पीडब्ल्यू स्किल्ससह वेब डेव्हलपमेंट शिका

आमच्या सामील व्हा पूर्ण स्टॅक वेब डेव्हलपमेंट कोर्स आणि वेब डेव्हलपमेंटशी संबंधित सर्व मूलभूत आणि महत्त्वाच्या संकल्पना जाणून घ्या. वेब डेव्हलपमेंटमधील उज्ज्वल भविष्यासाठी आमच्या अनुभवी प्राध्यापकांसह आणि एकाच कोर्समध्ये समाविष्ट असलेल्या अनेक वैशिष्ट्यांसह स्वतःला तयार करा.

या कोर्समध्ये शंका निवारण सत्र, असाइनमेंट आणि व्यायाम, PW लॅब ऍक्सेस, जॉब सहाय्य, रेझ्युमे बिल्डिंग आणि 100% प्लेसमेंट सहाय्य समाविष्ट आहे. त्वरा करा आणि आमच्या अभ्यासक्रमांबद्दल अधिक माहितीसाठी फक्त @pwskills.com ला भेट द्या

नवीनतम तंत्रज्ञानाशी संबंधित माहितीसाठी,