Hypertext Markup Language, znan tudi kot HTML, se uporablja za izdelavo spletnih aplikacij. Oznake HTML, splošno znane kot elementi, so najpomembnejši vidik jezika HTML. Oznake HTML vdelajo in prikažejo vsebino ali informacije na spletnih straneh. Obstajata dve vrsti oznak HTML: prazne oznake in oznake vsebnika.
Ta spletni dnevnik vas bo vodil, kako delati s praznimi in vsebniškimi oznakami v HTML.
Prazne oznake
Prazne oznake so znane tudi kot » samec « ali » praznina ” oznake. Oznaka void nikoli ne vsebuje nobene vsebine, vendar je mogoče določiti atribute. Te oznake nimajo končne oznake in lahko v oznaki vsebujejo poševnico nazaj. Primeri praznih oznak so “
”, “”, “”, “
Sintaksa
Sintaksa za omembo praznih elementov v HTML je naslednja:
< prazna oznaka />
Če si želite ogledati, kako delati s praznimi oznakami, si oglejte spodnji primer. '
” je znana kot oznaka za prelom vrstice in se uporablja za prekinitev vrstice:
< str > Prazne oznake HTML < št > Linija odmor Oznaka str >
Izhod kaže, da je '
” je prekinila vrstico:
Oznakam HTML lahko dodamo slogovne lastnosti CSS. '
” je še en prazen element, ki strani doda vodoravno črto:
< ur stil = 'border-top: 3px črtkano rdeče;' > Linija odmor Oznaka
str >
' meja-vrh Lastnost CSS je uporabljena za
« s tremi vrednostmi, ena je širina obrobe, ki je enaka » 3px «, slog obrobe je nastavljen na » črtkano « in barvo obrobe.
Izhod
Doslej smo razpravljali o praznih oznakah HTML. V naslednjem razdelku bomo šli skozi oznake vsebnika HTML.
Oznake vsebnika
Oznake vsebnika HTML so sestavljene iz treh delov: začetne oznake, vsebine in končne oznake. Sintaksa oznake vsebnika HTML je naslednja:
< začetni_dan > Vsebina končna oznaka >Oglejte si spodnje primere, če želite izvedeti, kako oznaka vsebnika deluje v HTML.
Primer 1: Kako dodati odstavek v HTML?
' ” se uporablja za vdelavo odstavka v dokument HTML:
< str > To je oznaka odstavka str >Izhod
Primer 2: Kako dodati naslove v HTML?
Obstaja šest ravni oznak vsebnika naslovov, ki jih je mogoče uporabiti za dodajanje naslovov na spletno stran. Vstavimo jih v dokument HTML, da vidimo, kako delujejo in izgledajo na spletni strani:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Izhod
Tem oznakam lahko zagotovimo notranji slog. Oglejte si spodnji primer, ki prikazuje, kako uporabiti različne lastnosti stilov CSS za te oznake:
< h1 stil = 'barva-ozadje: osat; družina-pisave: kurziv;' > Linux h1 >< h2 stil = 'barva ozadja: pšenica; poravnava besedila: sredina;' > Linux h2 >
< h3 stil = 'barva-ozadje: paradižnik; barva: bela;' > Linux h3 >
< h4 stil = 'družina pisav: 'Trebuchet MS'; barva ozadja: rumenozelena;' > Linux h4 >
< h5 stil = 'barva ozadja: vijolična;' > Linux h5 >
< h6 stil = 'barva ozadja: whitesmoke;' > Linux h6 & gt
Tukaj je razlaga zgoraj navedenih lastnosti:
- ' Barva ozadja ” doda barvo ozadju elementa.
- “ družina pisav Lastnost prilagodi slog pisave elementa.
- “ poravnava besedila ” lastnost prilagodi postavitev ali poravnavo besedila.
Izhod
Pokazali smo vam, kako uporabljati prazne in vsebniške oznake HTML.
Zaključek
Prazne oznake in oznake vsebnika so glavne komponente dokumentov HTML, ki vdelajo vsebino in informacije na spletno stran. Prazne oznake ne vsebujejo nobene vsebine in so sestavljene samo iz začetne oznake s poševnico nazaj na koncu, kot je
. Vendar pa oznake vsebnika vsebujejo začetno in končno oznako skupaj z vsebino. Ta blog je podrobneje razložil delovanje praznih in vsebniških elementov v HTML.