Hypertext Markup Language, også kjent som HTML, brukes til å bygge webapplikasjoner. HTML-tagger, ofte kjent som elementer, er det viktigste aspektet ved HTML-språket. HTML-tagger bygger inn og viser innhold eller informasjon på nettsider. Det finnes to typer HTML-tagger: Empty og Container-tagger.
Denne bloggen vil veilede hvordan du arbeider med tomme- og container-tagger i HTML.
Tomme tagger
De tomme kodene er også kjent som ' singleton ' eller ' tomrom '-tagger. Void-taggen inneholder aldri noe innhold, men attributter kan spesifiseres. Disse taggene har ikke en sluttkode og kan inneholde en omvendt skråstrek i taggen. Eksemplene på tomme tagger er «
», «», «», «
Syntaks
Syntaksen for å nevne de tomme elementene i HTML er som følger:
< tom-tag />
For å se hvordan du arbeider med tomme tagger, sjekk ut eksempelet nedenfor. «
'-taggen er kjent som linjeskift-taggen og brukes til å bryte linjen:
< s > HTML tomme koder < br > Linjen gå i stykker stikkord s >
Utgangen indikerer at '
'-taggen har brutt linjen:
Vi kan legge til CSS-stilegenskaper til HTML-taggene. «
'-taggen er et annet tomt element som legger til en horisontal linje på siden:
< hr stil = 'border-top: 3px stiplet rødt;' > Linjen gå i stykker stikkord
s >
« border-top ' CSS-egenskapen brukes på '
' med tre verdier, en er kantbredde som er lik ' 3 px ', er kantstilen satt som ' stiplet ” og kantfarge.
Produksjon
Så langt har vi diskutert de tomme HTML-taggene. Nå skal vi gå gjennom HTML-beholderkoder i neste avsnitt.
Beholderetiketter
HTML-beholdertaggene består av tre deler: startkoder, innhold og sluttkoder. Syntaksen til HTML-beholder-taggen er gitt som følger:
< start_day > Innhold slutt-tag >Ta en titt på eksemplene nedenfor for å finne ut hvordan container-taggen fungerer i HTML.
Eksempel 1: Hvordan legge til et avsnitt i HTML?
« '-taggen brukes til å bygge inn avsnittet i HTML-dokumentet:
< s > Dette er en avsnittskode s >Produksjon
Eksempel 2: Hvordan legge til overskrifter i HTML?
Det er seks nivåer av overskriftsbeholder-tagger som kan brukes til å legge til overskrifter på en nettside. La oss legge dem i et HTML-dokument for å se hvordan de fungerer og ser ut på en nettside:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Produksjon
Vi kan gi den innebygde stylingen til disse taggene. Tenk på eksempelet nedenfor, som viser hvordan du bruker forskjellige CSS-stilegenskaper på disse taggene:
< h1 stil = 'bakgrunnsfarge: tistel; font-familie: kursiv;' > Linux h1 >< h2 stil = 'background-color: wheat; text-align: center;' > Linux h2 >
< h3 stil = 'bakgrunnsfarge: tomat; farge: hvit;' > Linux h3 >
< h4 stil = 'font-family: 'Trebuchet MS'; bakgrunnsfarge: gulgrønn;' > Linux h4 >
< h5 stil = 'bakgrunnsfarge: fiolett;' > Linux h5 >
< h6 stil = 'bakgrunnsfarge: whitesmoke;' > Linux h6 & gt
Her er forklaringen på egenskapene ovenfor:
- « bakgrunnsfarge egenskapen legger til farge til elementets bakgrunn.
- ' font-familie ”-egenskapen justerer skriftstilen til elementet.
- ' tekstjustering ”-egenskapen justerer tekstplasseringen eller justeringen.
Produksjon
Vi har vist deg hvordan du bruker HTMLs tomme- og container-tagger.
Konklusjon
De tomme kodene og containerkodene er hovedkomponenter i HTML-dokumenter som bygger inn innholdet og informasjonen på en nettside. De tomme kodene inneholder ikke noe innhold og består kun av startkoden med en omvendt skråstrek på slutten av den, for eksempel
. Beholdertaggene inneholder imidlertid start- og slutttaggene sammen med innholdet. Denne bloggen har utdypet arbeidet med tomme- og containerelementer i HTML.