Seznam glavnih HTML oznak

Če se odločite, da boste ustvarili spletno mesto, brez html jezika za označevanje hiperteksta ne boste daleč daleč. Seveda obstajajo tudi CSS, PHP in drugi skriptni jeziki, brez katerih celotno spletno mesto, kot ste navajeni, da ga vidite, ne bo delovalo. Vendar pa je glavni html oznake, ki vam omogočajo, da postavite temelje za vaše spletno mesto.

Glavne oznake, brez katerih nikjer

Ko odprete kateri koli html dokument ali spletno stran, vidite ogromno število različnih oznak. Če pogledate natančno, večina ponavlja, ker opisujejo iste elemente. Na primer, glavne oznake html vključujejo oznake, kot je vrsta dokumenta , , , ,

in drugi.

Vrsta dokumenta in deklaracija dokumenta HTML

Če želite določiti vrsto trenutnega dokumenta, uporabite element . Brskalnik mora prepoznati, kako razlagati določeno spletno stran. Glede na to, katero različico html uporabljate, bo ta element drugačen. V HTML5 ima naslednji pomen:

Ko določite vrsto dokumenta, uporabite oznako . Tako kot večina drugih oznak je tudi par, to pomeni, da ima oznake za odpiranje in zapiranje. Razlika med njima je, da je pred zapiranjem oznaka poševnica "/". Tako bo najnovejša html oznaka za izdelavo spletnega mesta izgledala takole:

...

Med oznako za odpiranje in zapiranje v tem primeru bo preostala koda, ki bo vsebovala celotno vsebino spletne strani.

Oznaka

Ta oznaka je tudi glavna oznaka html. Napisano je po , in je prav tako seznanjen in vsebuje samo po sebi metapodatke spletne strani. Ti podatki se ne prikažejo v vidnem delu strani html (razen oznake

Metapodatki

Oznaka

Glavna oznaka za spletno mesto html, ker vsebuje vse vidne elemente strani - celotno besedilo, vse slike in druge informacije. Pravzaprav, kot oznaka , to je vsebnik za druge oznake. Primer:

Vidna vsebina spletne strani

Naslovi in ​​odstavki

Vse zgornje oznake so glavne oznake jezika HTML. Vendar pa je v jeziku hiperknjižnih oznak še vedno veliko drugih elementov. Na primer, oznake odstavka in glave. Omogočajo vam, da strukturirate besedilo, ga razdelite v ločene odstavke in jo izberete. Torej, za odstavke se uporablja oznaka

, je oznaka para, med elementom odpiranja in zapiranja, ki se nahaja nekaj besedila. Primer:

Besedilo odstavka

Poleg odstavkov lahko glave vsebujejo tudi besedilo. Vendar pa tudi spremenijo videz besedila, ki ga vsebuje, povečati njegovo velikost in poudariti s krepko pisavo. Obstajajo 6 vrst naslovov, ki se razlikujejo po velikosti. Na primer naslov

Uporaba slik

Nobena stran ne more narediti brez slik, slik in fotografij. Konec koncev, brez tega bi bile spletne strani suho besedilo, nezanimivo za študij. Če želite na spletno stran vstaviti katero koli sliko, oznaka jezika za hiperpovezavo uporablja oznako . Pomembno je omeniti, da ta oznaka ni seznanjena, zato bo v kodi napisana kot .

Hiperpovezave v besedilu

Spletne strani pogosto uporabljajo poleg besedila in različnih slik tudi povezave. Lahko jih preusmeri na vir tretje osebe ali na drugo stran vašega spletnega mesta. Da bi označili prisotnost povezave, se uporablja oznaka .

Kaj so atributi?

Razvrstili smo nekaj glavnih oznak. Vendar pa ima večina oznak tudi atribute. Predpišejo jih v odprtem elementu in so sestavljeni iz dveh delov. Prva je ime samega atributa, druga pa je vrednost tega atributa, ki je napisana za znakom "=" in je zaprta v narekovaje.

Osnovni atributi html oznak

Številne oznake imajo atribute. Vendar pa je za nekatere oznake njihova navzočnost neobvezna, če ne želite na noben način spremeniti elementov. Pri drugih oznakah je prisotnost atributov obvezna, na primer oznaka (za ustvarjanje hiperpovezav) inoznaka /> (za dodajanje slik na stran). Celotna točka je, da če ne določimo teh glavnih oznak html atributi in njihove vrednosti, potem jih ne bomo videli na strani spletnega mesta.

Atributi za oznako

Če v kodi določite besedilo v oznaki , razen tega besedila na spletni strani ne boste videli ničesar. Sama oznaka pravzaprav govori samo o nameri, da bi ustvarila hiperpovezavo, ampak da bi jo dejansko ustvarila, potrebujete atribut. Ta atribut bo href, vrednost tega atributa pa bo specifična povezava z virom. Tako, če želimo ustvariti povezavo na spletno stran oqpowah.com, bo to videti tako:

Povezava na oqpowah.com

Torej vse besedilo, ki je med oznakami , je hiperpovezava, vrednost atributa href v dvojnih narekovajih pa bo naslov, na katerega bomo kliknili na besedilo.

Src atributi za

Podoben položaj z oznako . Če atributu in njeni vrednosti ne določimo z njo, se slike na spletni strani ne prikažejo. Kot pri oznaki , prisotnost oznake samo pove, da bomo v našo kodo vstavili fotografijo. Če pa želite, da se ta slika prikaže, morate določiti naslov te slike. V ta namen boste morali uporabiti atribut src, katerega vrednost bo naslov slike, ki se nahaja na viru tretjih oseb ali v računalniku.

Atribut alt za oznako

Poleg tega oznako obstaja še en atribut. Se ne šteje za obvezno, vendar je priznana kot priporočena za uporabo. Ta atribut je alt alt text text. Vrednost tega atributa bo besedilo, ki ustreza opisu fotografije ali slike. To besedilo bo prikazano, če se zaradi neznanega razloga slika ne naloži. Poleg tega bo uporaba tega atributa pomagala ljudem s slabovidnostjo, ki uporabljajo bralnike zaslona. Tako oznaka skupaj z dvema predstavljenima atributoma bo videti takole:

alt = "opis slike" />

Kateri drugi atributi obstajajo?

Atributi imajo ogromno količino, njihov seznam je enako velik kot seznam glavnih html oznak. Vendar pa obstaja atribut, ki je neločljiv pri številnih oznakah. To je poravnano. Lahko se uporablja skupaj z oznako , in tudi z oznako

. Njegova bistvo je, da nastavi položaj slike ali besedila na strani. Najosnovnejše vrednosti tega atributa so desno in levo, kar kaže na pravilno in levo poravnavo (oziroma). Če jo uporabite za sliko, je koda videti takole:

alt = "opis slike"

poravnava = "desno" />

Uporaba slogov

Vendar pa je treba omeniti, da v zadnjem času niso bili uporabljeni nekateri taki atributi, namesto tega pa se uporabljajo kaskadni listi slogov (CSS). Če želite uporabiti sloge v html-u, je predpisana oznaka , ki je namenjen povezovanju stilov in se nahaja v oznaki .