Hypertext Markup Language također poznat kao HTML, koristi se za izradu web aplikacija. HTML oznake, općenito poznate kao elementi, najvažniji su aspekt HTML jezika. HTML oznake ugrađuju i prikazuju sadržaj ili informacije na web stranicama. Postoje dvije vrste HTML oznaka: prazne oznake i oznake spremnika.
Ovaj će blog voditi kako raditi s praznim oznakama i oznakama spremnika u HTML-u.
Prazne oznake
Prazne oznake također su poznate kao ' samac ' ili ' poništiti ' oznake. Oznaka void nikada ne sadrži nikakav sadržaj, ali atributi se mogu navesti. Ove oznake nemaju završnu oznaku i mogu sadržavati obrnutu kosu crtu u oznaci. Primjeri praznih oznaka su “
”, “”, “”, “
Sintaksa
Sintaksa za spominjanje void elemenata u HTML-u je sljedeća:
< prazna oznaka />
Da biste vidjeli kako raditi s praznim oznakama, pogledajte primjer u nastavku. '
” poznata je kao oznaka prijeloma retka i koristi se za prekid retka:
< str > HTML prazne oznake < br > Crta pauza Označiti str >
Izlaz pokazuje da je '
” oznaka je prekinula liniju:
HTML oznakama možemo dodati svojstva CSS stila. '
” oznaka je još jedan prazan element koji dodaje vodoravnu liniju na stranicu:
< hr stil = 'border-top: 3px crtkano crveno;' > Crta pauza Označiti
str >
' granica-vrh ” CSS svojstvo primjenjuje se na “
' s tri vrijednosti, jedna je širina ruba koja je jednaka ' 3 px ', stil obruba je postavljen kao ' isprekidano ” i boju obruba.
Izlaz
Do sada smo raspravljali o HTML praznim oznakama. Sada ćemo proći kroz oznake HTML spremnika u sljedećem odjeljku.
Oznake spremnika
Oznake HTML spremnika sastoje se od tri dijela: početne oznake, sadržaja i završne oznake. Sintaksa oznake HTML spremnika dana je na sljedeći način:
< početni_dan > Sadržaj završna oznaka >Pogledajte primjere u nastavku da biste saznali kako oznaka spremnika radi u HTML-u.
Primjer 1: Kako dodati paragraf u HTML?
' ” oznaka se koristi za ugradnju odlomka u HTML dokument:
< str > Ovo je oznaka odlomka str >Izlaz
Primjer 2: Kako dodati naslove u HTML?
Postoji šest razina oznaka spremnika naslova koje se mogu koristiti za dodavanje naslova na web stranicu. Stavimo ih u HTML dokument da vidimo kako rade i izgledaju na web stranici:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Izlaz
Ovim oznakama možemo pružiti ugrađeni stil. Razmotrite primjer u nastavku koji pokazuje kako primijeniti različita svojstva CSS stila na ove oznake:
< h1 stil = 'boja-pozadine: čičak; obitelj-fontova: kurziv;' > Linux h1 >< h2 stil = 'boja pozadine: pšenica; poravnanje teksta: središte;' > Linux h2 >
< h3 stil = 'boja-pozadine: rajčica; boja: bijela;' > Linux h3 >
< h4 stil = 'obitelj-fontova: 'Trebuchet MS'; boja-pozadine: žutozelena;' > Linux h4 >
< h5 stil = 'boja-pozadine: ljubičasta;' > Linux h5 >
< h6 stil = 'boja-pozadine: bijeli dim;' > Linux h6 i gt
Evo objašnjenja gore navedenih svojstava:
- ' boja pozadine ” svojstvo dodaje boju pozadini elementa.
- “ obitelj-fontova ” Svojstvo prilagođava stil fonta elementa.
- “ poravnanje teksta ” Svojstvo prilagođava položaj ili poravnanje teksta.
Izlaz
Pokazali smo vam kako koristiti HTML prazne oznake i oznake spremnika.
Zaključak
Prazne oznake i oznake spremnika glavne su komponente HTML dokumenata koji ugrađuju sadržaj i informacije na web stranicu. Prazne oznake ne sadrže nikakav sadržaj i sastoje se samo od početne oznake s kosom crtom na kraju, kao što je
. Međutim, oznake spremnika sadrže početnu i završnu oznaku zajedno sa sadržajem. Ovaj blog razradio je rad praznih i kontejnerskih elemenata u HTML-u.