Hypertext Markup Language, ook wel bekend als HTML, wordt gebruikt om webapplicaties te bouwen. HTML-tags, algemeen bekend als elementen, zijn het belangrijkste aspect van de HTML-taal. HTML-tags sluiten inhoud of informatie in op webpagina's en geven deze weer. Er zijn twee soorten HTML-tags: Lege en Container-tags.
In deze blog wordt uitgelegd hoe u met lege en containertags in HTML kunt werken.
Lege labels
De lege tags zijn ook bekend als ' eenling ' of ' leegte 'labels. De void-tag bevat nooit enige inhoud, maar attributen kunnen worden opgegeven. Deze tags hebben geen eindtag en kunnen een backslash in de tag bevatten. Voorbeelden van lege tags zijn “
”, “”, “”, “
Syntaxis
De syntaxis voor het vermelden van de ongeldige elementen in HTML is als volgt:
< lege tag />
Bekijk het onderstaande voorbeeld om te zien hoe u met lege tags kunt werken. De '
”-tag staat bekend als de regeleinde-tag en wordt gebruikt om de regel te onderbreken:
< p > Lege HTML-tags < br > De lijn pauze Label p >
De uitvoer geeft aan dat de '
” tag heeft de regel verbroken:
We kunnen CSS-stylingeigenschappen toevoegen aan de HTML-tags. De '
< uur stijl = 'border-top: 3px rode streepjes;' > De lijn pauze Label
p >
De ' border-top ' CSS-eigenschap wordt toegepast op de '
Uitgang
Tot nu toe hebben we de lege HTML-tags besproken. Nu zullen we in de volgende sectie HTML-containertags doornemen.
Containerlabels
De HTML-containertags bestaan uit drie delen: begintags, inhoudstags en eindtags. De syntaxis van de HTML-containertag wordt als volgt gegeven:
< start dag > Inhoud eindlabel >Bekijk de onderstaande voorbeelden om te leren hoe de containertag werkt in HTML.
Voorbeeld 1: Hoe een alinea in HTML toevoegen?
De ' ” tag wordt gebruikt om de alinea in het HTML-document in te sluiten:
< p > Dit is een alinea-tag p >Uitgang
Voorbeeld 2: Hoe koppen toevoegen in HTML?
Er zijn zes niveaus van header-containertags die kunnen worden gebruikt om koppen aan een webpagina toe te voegen. Laten we ze in een HTML-document plaatsen om te zien hoe ze werken en eruitzien op een webpagina:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Uitgang
Wij kunnen de inline styling van deze tags verzorgen. Bekijk het onderstaande voorbeeld, dat laat zien hoe verschillende CSS-stijleigenschappen op deze tags kunnen worden toegepast:
< h1 stijl = 'achtergrondkleur: distel; lettertypefamilie: cursief;' > Linux h1 >< h2 stijl = 'achtergrondkleur: tarwe; tekstuitlijning: midden;' > Linux h2 >
< h3 stijl = 'achtergrondkleur: tomaat; kleur: wit;' > Linux h3 >
< h4 stijl = 'lettertypefamilie: 'Trebuchet MS'; achtergrondkleur: geelgroen;' > Linux h4 >
< h5 stijl = 'achtergrondkleur: violet;' > Linux h5 >
< h6 stijl = 'achtergrondkleur: witte rook;' > Linux h6 & gt
Hier is de uitleg van de bovengenoemde eigenschappen:
- De ' Achtergrond kleur ” eigenschap voegt kleur toe aan de achtergrond van het element.
- “ font-familie ” eigenschap past de lettertypestijl van het element aan.
- “ tekst uitlijnen ” eigenschap past de plaatsing of uitlijning van de tekst aan.
Uitgang
We hebben u laten zien hoe u de lege en containertags van HTML gebruikt.
Gevolgtrekking
De lege tags en containertags zijn belangrijke componenten van HTML-documenten die de inhoud en informatie op een webpagina insluiten. De lege tags bevatten geen inhoud en bestaan alleen uit de starttag met een backslash aan het einde ervan, zoals
. De containertags bevatten echter de begin- en eindtags samen met de inhoud. Deze blog is uitgebreid ingegaan op de werking van lege en containerelementen in HTML.