Hypertext Markup Language, også kendt som HTML, bruges til at bygge webapplikationer. HTML-tags, almindeligvis kendt som elementer, er det vigtigste aspekt af HTML-sproget. HTML-tags indlejrer og viser indhold eller information på websider. Der er to typer HTML-tags: Empty og Container-tags.
Denne blog vil guide dig til, hvordan du arbejder med tomme tags og container-tags i HTML.
Tomme tags
De tomme tags er også kendt som ' singleton ' eller ' ugyldig ” tags. Void-tagget indeholder aldrig noget indhold, men attributter kan angives. Disse tags har ikke et afsluttende tag og kan indeholde en omvendt skråstreg i tagget. Eksempler på tomme tags er '
', '', '', '
Syntaks
Syntaksen for at nævne de tomme elementer i HTML er som følger:
< tomt-tag />
Se eksemplet nedenfor for at se, hvordan du arbejder med tomme tags. Det '
” tag er kendt som linjeskift-tag og bruges til at bryde linjen:
< s > HTML tomme tags < br > Linjen pause Tag s >
Udgangen angiver, at '
” tag har brudt linjen:
Vi kan tilføje CSS-stilegenskaber til HTML-tags. Det '
' tag er et andet tomt element, der tilføjer en vandret linje til siden:
< hr stil = 'border-top: 3px stiplet rød;' > Linjen pause Tag
s >
Det ' border-top ' CSS-egenskaben anvendes på '
' med tre værdier er den ene kantbredde, der er lig med ' 3 px ', er kantstilen indstillet som ' stiplet ” og kantfarve.
Produktion
Indtil videre har vi diskuteret de tomme HTML-tags. Nu vil vi gennemgå HTML-containertags i næste afsnit.
Container tags
HTML-containertags består af tre dele: starttags, indhold og sluttags. Syntaksen for HTML-containertagget er angivet som følger:
< start_day > Indhold slut-tag >Se eksemplerne nedenfor for at lære, hvordan containertagget fungerer i HTML.
Eksempel 1: Hvordan tilføjer man et afsnit i HTML?
Det ' ” tag bruges til at indlejre afsnittet i HTML-dokumentet:
< s > Dette er et afsnitsmærke s >Produktion
Eksempel 2: Hvordan tilføjer man overskrifter i HTML?
Der er seks niveauer af overskriftscontainertags, der kan bruges til at tilføje overskrifter til en webside. Lad os lægge dem i et HTML-dokument for at se, hvordan de fungerer og ser ud på en webside:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Produktion
Vi kan levere inline-styling til disse tags. Overvej eksemplet nedenfor, som viser, hvordan man anvender forskellige CSS-stilegenskaber på disse tags:
< h1 stil = 'baggrundsfarve: tidsel; font-familie: kursiv;' > Linux h1 >< h2 stil = 'baggrundsfarve: hvede; text-align: center;' > Linux h2 >
< h3 stil = 'baggrundsfarve: tomat; farve: hvid;' > Linux h3 >
< h4 stil = 'font-family: 'Trebuchet MS'; baggrundsfarve: gulgrøn;' > Linux h4 >
< h5 stil = 'baggrundsfarve: violet;' > Linux h5 >
< h6 stil = 'baggrundsfarve: whitesmoke;' > Linux h6 & gt
Her er forklaringen af de ovennævnte egenskaber:
- Det ' baggrundsfarve egenskab tilføjer farve til elementets baggrund.
- “ skrifttype-familie ” egenskab justerer elementets skrifttypestil.
- “ tekstjustering ” egenskab justerer tekstens placering eller justering.
Produktion
Vi har vist dig, hvordan du bruger HTMLs tomme og container-tags.
Konklusion
De tomme tags og containertags er hovedkomponenter i HTML-dokumenter, der integrerer indholdet og informationen på en webside. De tomme tags indeholder ikke noget indhold og består kun af starttagget med en omvendt skråstreg i slutningen af det, såsom
. Containertags indeholder dog start- og sluttags sammen med indholdet. Denne blog har uddybet arbejdet med tomme og containerelementer i HTML.