HTML leren Deel 2: Inzicht in tags, attributen en elementen in HTML
Na het bepalen van de teksteditor om het gemakkelijker te makenBij het schrijven van HTML-code bespreken we nu de basisstructuur in HTML. Misschien heb je gehoord van het naamplaatje, attribuut of element? Als je er nog nooit bent geweest, lees dan de derde uitleg van de inhoud in dit artikel.
Beide tags, attributen en elementen hebbeneen belangrijke rol bij het bouwen van een website, ook al is het maar een simpele website. Raadpleeg de onderstaande uitleg zodat u beter begrijpt wat tags, attributen en elementen zijn:
1. Tag
De basisstructuur van een document heeft een minimum aan tags. De tags in een HTML-document zijn bedoeld om de browser te vertellen hoe de tekst moet worden weergegeven.
De meeste tags in HTML zijn op een bepaalde manier geschrevenzoals <body> en </body>. <body> hier wordt de openingstag genoemd en </body> is de sluitingstag. Om de functie van deze tag beter te begrijpen, proberen we een eenvoudige HTML-code te maken zoals hieronder:
<!DOCTYPE html>
<html>
<body>
Belajar HTML untuk Pemula bersama Nesaba Media
</body>
</html>In het browservenster ziet het er als volgt uit:
Zoals je in de afbeelding hierboven kunt zien, verschijnt alleen de tekst "HTML leren voor beginners met Nesaba Media" in het browservenster. Dus alleen tekst die tussen de <body> en </body> -tags staat die in het browservenster worden weergegeven.
Opmerking:
Opgemerkt moet worden dat niet alle tags in HTML zijn gekoppeld, bijvoorbeeld tags <br>, tags die worden gebruikt om nieuwe regels te maken.
Misschien heb je ook tags <br /> en gezienbenieuwd wat het verschil is met tags. De tag is een vorm van HTML in een andere opmaaktaal die vaak wordt aangeduid als XML. Toch worden het gebruik van tags <br> en <br /> nog steeds als geldig beschouwd in HTML5 (ik raad sterk aan om alleen tags te gebruiken om nieuwe regels te maken). Voor een diepere discussie, als God het wil, zal ik het in een ander artikel maken omdat we in deze tutorial alleen focussen op HTML en niet op XML.
2. Kenmerk
De tag bevat meestal ook een attribuut (attribuut), dit is een extra informatie die bijvoorbeeld in de openingstag wordt geplaatst <p class = "opener"> ………… </p>. Opgemerkt moet worden dat elke naam en waarde van elk kenmerk een andere functie heeft.
3. Element
Alles in de openingstag tot aan de tagde omslag wordt het element genoemd. Zo wordt bijvoorbeeld alles in de <body> en </body> tags de element body genoemd, terwijl <body> en </body> tags zijn, geen elementen.
Een ander voorbeeld is: <title> Nesaba Media </title> is een elementtitel. Voor meer details kunt u onderstaande afbeelding zien om onderscheid te maken tussen tags, attributen en elementen:
Misschien is dat slechts een uitleg van de tags, attributenen element. Met dit artikel kun je hopelijk deze drie termen onderscheiden. Voor de volgende tutorial bespreken we het gebruik van de title-tags en Doctype-verklaringen in HTML-documenten.
