Popis glavnih HTML oznaka

Ako odlučite stvoriti web stranicu, a zatim bez hipertekstualnog označnog jezika html nećete ići daleko. Naravno, tu su i CSS, PHP i drugi skriptni jezici, bez kojih cijeli site, kao što ste ga navikli vidjeti, neće funkcionirati. Međutim, to su glavne HTML oznake koje će vam omogućiti postavljanje temelja za vašu web lokaciju.

Glavne oznake, bez kojih nigdje

Kada otvorite bilo koji html dokument ili web stranicu, vidjet ćete ogroman broj različitih oznaka. Međutim, ako pomno pogledate, većina ih se ponavlja, jer opisuju iste elemente. Na primjer, glavne HTML oznake uključuju oznake poput vrste dokumenta , , , ,

i drugima.

Vrsta dokumenta i deklaracija html dokumenta

Da biste odredili vrstu tekućeg dokumenta, upotrijebite element . Potrebno je pregledniku prepoznati kako interpretirati određenu web stranicu. Ovisno o verziji HTML-a koju upotrebljavate, ovaj će element izgledati drugačije. U HTML5 ima sljedeće značenje:

Nakon što navedete vrstu dokumenta, upotrijebite oznaku . Kao i većina drugih oznaka, riječ je o paru, tj. Ima oznake otvaranja i zatvaranja. Razlika između njih je da prije zatvaranja oznaka je kazaljka "/". Dakle, osnovna HTML oznaka za izradu web mjesta izgledat će ovako:

...

Između oznake otvaranja i zatvaranja u ovom slučaju, nalazi se ostatak koda, koji će priložiti cijeli sadržaj web stranice.

oznaka

Ova je oznaka i glavna HTML oznaka. Napisano je poslije , i također je uparena i sadrži sam po sebi, u osnovi, metapodatke web stranice. Ti se podaci ne pojavljuju u vidljivom dijelu HTML stranice (osim oznake

metapodataka

oznaka

Glavna oznaka za HTML stranice, jer sadrži sve vidljive elemente stranice - sav tekst, sve slike i druge informacije. Zapravo, poput oznake , to je kontejner za druge oznake. primjer:

Vidljivi sadržaj web stranice

Naslovi i stavci

Sve gore navedene oznake glavne su oznake HTML jezika. Međutim, na jeziku hipertekstualnog označavanja još uvijek postoji veliki broj drugih elemenata. Na primjer, oznake za odlomke i zaglavlja. Omogućuju vam strukturiranje teksta, podijelite ga u zasebne odlomke i odaberite je. Dakle, za odlomke upotrebljava se oznaka

, to je parica, između čijeg se elementa otvaranja i zatvaranja nalazi neki tekst. primjer:

Tekst odlomka

Pored stavaka, zaglavlja također mogu sadržavati tekst. Međutim, oni također mijenjaju izgled teksta koji se nalazi iznutra, povećava ga u veličini i naglašava ga podebljanim. Postoji 6 vrsta naslova koji se razlikuju po veličini. Na primjer, naslov

Korištenje slika

Nijedna stranica ne može raditi bez slika, slika i fotografija. Uostalom, bez toga, web stranice bi bile suhi tekst, nezanimljiv za studij. Da biste umetnuli bilo koju sliku na web mjesto, hipertekstualni označni jezik koristi oznaku . Važno je napomenuti da ova oznaka nije uparena, pa će u kodu biti pisana kao .

Hiperlinkovi u tekstu

Često, uz tekst i različite slike, web stranice koriste linkove. Oni se mogu preusmjeriti na resurse treće strane ili na drugu stranicu vaše web-lokacije. Da bi se naznačila prisutnost veze, koristi se oznaka .

Koje su atribute?

Mi smo izdvojili neke od glavnih oznaka. Međutim, većina oznaka također ima atribute. Propisani su u elementu otvaranja i sastoje se od dva dijela. Prvi je naziv samog atributa, drugi je vrijednost ovog atributa, koja je napisana nakon znaka "=" i nalazi se u navodnicima.

Osnovni atributi HTML oznaka

Mnoge oznake imaju atribute. Međutim, za neke oznake njihova je prisutnost neobvezna ako ne želite mijenjati elemente ni na koji način. Za ostale oznake obvezna je prisutnost atributa, kao što je, na primjer, oznaka (za stvaranje hiperveza) ioznaka /> (za dodavanje slika na stranicu). Cijela stvar je da ako ne odredimo ove glavne oznake HTML atributi i njihove vrijednosti, onda ih nećemo vidjeti na stranici stranice.

Atributi za oznaku

Ako u kodu navedete tekst koji se nalazi u oznaci , osim ovog teksta na web stranici nećete vidjeti ništa. Oznaka sama zapravo govori samo o namjeri stvaranja hiperveze, ali da biste ga zapravo stvorili, potreban vam je atribut. Taj će atribut biti href i vrijednost tog atributa bit će specifična veza na izvor. Dakle, ako želimo stvoriti vezu na web stranicu nsokote.ru, izgledat će ovako:

Veza na nsokote.ru

Dakle, sav tekst koji je između oznaka , je hiperveza, a vrijednost atributa href koja se nalazi u dvostrukim navodnicima bit će adresa kojom ćemo kliknuti tekst.

Src atributi za

Slična situacija s oznakom . Ako ne odredimo atribut i njegovu vrijednost, slike se ne pojavljuju na web stranici. Kao i kod oznake , prisutnost oznake kaže samo da ćemo umetnuti fotografiju u naš kod. Međutim, kako bi se ova slika pojavila, morate navesti adresu ove slike. U tu svrhu morat ćete koristiti atribut src, čija će vrijednost biti adresa slike koja se nalazi na resursu treće strane ili na računalu.

Atribut alt za oznaku

Osim toga, oznaku postoji još jedan atribut. Ne smatra se obveznim, ali je prepoznat kao preporučeno za upotrebu. Ovaj atribut je alt alt tekst atribut. Vrijednost ovog atributa bit će tekst koji odgovara opisu fotografije ili slike. Taj će se tekst prikazati ako se iz nekog razloga ne učita. Osim toga, upotreba ovog atributa pomoći će osobama s oštećenjem vida koji koriste čitače zaslona. Dakle, oznaka zajedno s dva predstavljena atributa izgledat će ovako:

alt = "opis slike" />

Koje druge atribute postoje?

Atributi postoje ogroman iznos, njihov popis je ogroman kao popis glavnih HTML oznake. Međutim, postoji atribut koji je inherentan broju oznaka. Ovo je usklađeno. Može se koristiti zajedno s oznakom , i također s oznakom

. Njegova je suština da postavlja položaj slike ili teksta na stranici. Najosnovnije vrijednosti ovog atributa su desno i lijevo, što ukazuje na desno i lijevo poravnanje (odnosno). Ako ga primijenite na sliku, kôd izgleda ovako:

alt = "opis slike"

align = "right" />

Upotreba stilova

Međutim, valja napomenuti da se neki takvi atributi nisu koristili u posljednje vrijeme, a umjesto toga upotrebljavaju se kaskadni stilski listovi (CSS). Da biste koristili stilove u html-u, propisuje se oznaka , koji je dizajniran za povezivanje stilova i nalazi se u oznaci .