4.1 a, href टॅग
बरं, आम्ही अजूनही विसरत नाही की आम्ही तुमच्यासाठी जावा प्रोग्रामर तयार करत आहोत, म्हणून तुम्हाला फक्त 5 टॅग शिकण्याची गरज आहे.
सर्वप्रथम, हा सर्वात महत्वाचा टॅग आहे जो मजकूराचे हायपरटेक्स्ट- लिंकमध्ये रूपांतर करतो . HTML मध्ये लिंक्स तयार करण्यासाठी, एक टॅग <a>(अँकर, अँकर पासून) वापरला जातो.
डीफॉल्ट लिंक असे दिसते:
<a href="link-address">link text</a>जिथे वापरकर्त्याला दिसणारा मजकूर निळा आहे आणि हिरवा हा पत्ता (लिंक) आहे ज्यावर त्याने लिंकच्या मजकुरावर क्लिक केल्यास तो जाईल.
दुवे असलेले एक सामान्य HTML दस्तऐवज असे दिसते:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text...
</html>
नाही, हे सहसा असे दिसते:
<html>
plain text <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>जग परिपूर्ण नाही.
4.2 img टॅग आणि src विशेषता
एचटीएमएल पेजमध्ये इमेज टाकण्यासाठी, टॅग <img>(शब्द इमेजमधून) वापरला जातो. हा एकच टॅग आहे, त्याला क्लोजिंग टॅग नाही. टॅगचे सामान्य दृश्य:
<img src="image link">सर्व काही अगदी सोपे आहे. तुमच्या HTML दस्तऐवजात प्रतिमा प्रदर्शित करण्यासाठी, तुम्हाला फक्त त्या प्रतिमेची लिंक माहित असणे आणि वापरणे आवश्यक आहे img. वापरून पहा, तुम्हाला ते आवडेल.
4.3 टेबल घटक
तसेच, HTML पृष्ठामध्ये डेटासह टेबल असू शकते. परंतु आपण याबद्दल विचार केल्यास, आपण एका टॅगसह जाऊ शकत नाही. शेवटी, टेबलमध्ये शीर्षलेख, पंक्ती, स्तंभ आणि सेल असतात. ते सर्व त्यांच्या स्वतःच्या टॅगसह आले:
<table>- टेबल स्वतः;<tr>( table r ow ) - पंक्ती सारणी;<th>( table h हेडर ) - टेबल हेडर सेल;<td>( t सक्षम डेटा ) - टेबल सेल.
3 बाय 3 सारणी कशी दिसेल ते येथे आहे html(अतिरिक्त शीर्षलेख पंक्तीसह)
<table>
<tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
<tr> <td>Ivanov</td> <td>Ivan</td> <td>Ivanovich</td> </tr>
<tr> <td>Petrov</td> <td>Peter</td> <td>Peterovich</td> </tr>
<tr> <td>Sidorov</td> <td>Kolia</td> <td>Sidorenko</td> </tr>
</table>जरी आता टेबल क्वचितच वापरले जातात. गोष्ट अशी आहे की फोनवरून पृष्ठ पाहताना, टेबल वेगळ्या प्रकारे प्रदर्शित करणे उपयुक्त ठरू शकते (ते फक्त स्क्रीनवर बसत नाही). परंतु तरीही आपल्याला हे माहित असणे आवश्यक आहे की टेबल कसे व्यवस्थित केले जातात.
4.4 आयडी आणि नाव विशेषता
आणि आणखी दोन महत्त्वाचे मुद्दे idआणि गुणधर्म आहेत name. हे गुणधर्म आहेत, टॅग नाहीत, परंतु ते बर्याचदा वापरले जातात.
idटॅग विशेषता तुम्हाला संपूर्ण दस्तऐवजात अद्वितीय असे नाव देण्याची परवानगी देते . HTML दस्तऐवजात काही JavaScript असल्यास हे उपयुक्त आहे जे दिलेल्या टॅगचे मूल्य किंवा पॅरामीटर्स बदलते. त्यानंतर, युनिकच्या मदतीने, idआपण इच्छित टॅगचा अचूक संदर्भ घेऊ शकता.
विशेषता nameसमान कार्य करते, परंतु त्याचे मूल्य पृष्ठामध्ये अद्वितीय असणे आवश्यक नाही. म्हणजेच, सैद्धांतिकदृष्ट्या, समान नावांसह अनेक टॅग असू शकतात. घटकांच्या गटांसह कार्य करणे सोपे करण्यासाठी हे केले जाते.
उदाहरणार्थ, एका पृष्ठावर अनेक सूची आहेत ज्यापैकी प्रत्येकामध्ये आपण फक्त एक आयटम निवडू शकता. त्यानंतर, सूचीमधील नवीन घटक निवडताना, आपल्याला सूचीतील उर्वरित घटकांची निवड रीसेट करणे आवश्यक आहे. परंतु इतर सूचींना स्पर्श करू नका. समान यादीतील सर्व घटकांचे नाव समान असल्यास हे सहजपणे केले जाऊ शकते.
कोणत्याही टॅगमध्ये दोन्ही गुणधर्म असू शकतात idआणि name. उदाहरण:
<img id="image123" name="avatar" src="link to picture">