HTML, ili HyperText Markup Language, temeljni je jezik koji pokreće cjelokupnu internetsku arhitekturu. Svaka web-stranica koju pregledavate, od jednostavnih osobnih blogova do složenih internetskih trgovina, izgrađena je pomoću HTML-oznaka. Ovaj jezik razumije svaki internetski preglednik, što ga čini univerzalnim alatom za prikazivanje sadržaja na mreži. Ovaj vodič namijenjen je svima koji žele zakoračiti u svijet izrade web-stranica, bez obzira na prethodno iskustvo u programiranju.
Sadržaj...
Što je zapravo HTML i čemu služi?
HTML je jezik za označavanje koji služi za definiranje strukture i semantičkog značenja sadržaja na web-stranici. Umjesto da izravno određuje vizualni izgled, HTML opisuje ulogu pojedinih dijelova teksta: što je naslov, što je odlomak, što je popis, a što tablica. Internetski preglednici, poput Chromea, Firefoxa ili Edgea, interpretiraju te oznake i na temelju njih prikazuju sadržaj korisniku na pregledan i logičan način.
Srž HTML-a čine oznake, koje se uvijek pišu unutar znakova veće i manje (< i >). Postoje dvije osnovne vrste oznaka: otvorene i zatvorene. Otvorena oznaka, primjerice
, označava početak nekog elementa, dok zatvorena oznaka, poput
, označava njegov kraj. Većina oznaka dolazi u paru, okružujući sadržaj koji opisuju, ali postoje i iznimke koje funkcioniraju samostalno, poput oznake za prijelom retka
Temeljna struktura svakog HTML dokumenta
Da bi internetski preglednik ispravno interpretirao web-stranicu, svaki HTML dokument mora slijediti određenu osnovnu strukturu. Ključni elementi te strukture uključuju:
: Ova deklaracija na samom početku dokumenta obavještava preglednik o vrsti dokumenta i verziji HTML-a koja se koristi (u ovom slučaju HTML5), čime se osigurava ispravno renderiranje.: Ovo je korijenski element koji obuhvaća cjelokupan sadržaj web-stranice. Sve ostale HTML oznake nalaze se unutar ove oznake.: Odjeljak glave dokumenta sadrži meta-podatke koji nisu izravno vidljivi na stranici, ali su važni za preglednik i tražilice. Ovdje se obično smještaju naslov stranice (pomoću oznake</code>), poveznice na vanjske stilove (CSS) i skripte (JavaScript), te informacije o kodiranju znakova (<code><meta charset="UTF-8"></code>).</li><li><code><body></code>: Tijelo dokumenta sadrži sav sadržaj koji je vidljiv korisniku na web-stranici – tekstove, slike, poveznice, tablice, videozapise i sve ostale elemente koje posjetitelj vidi i s kojima može komunicirati.</li></ul><p>Evo najjednostavnijeg primjera ispravnog HTML dokumenta:</p><pre><code><!DOCTYPE html> <html lang="hr"> <head> <meta charset="UTF-8"> <title>Moja prva web stranica Pozdrav svijete!
Ovo je moj prvi HTML dokument.
Najčešće korištene HTML oznake
Osim temeljnih oznaka za strukturu, postoji niz oznaka koje služe za označavanje različitih vrsta sadržaja. Njihovo pravilno korištenje osigurava semantičku ispravnost i bolju vidljivost na tražilicama.
- Naslovi: Koriste se oznake
.je najvažniji naslov, obično naslov cijele stranice, dok
- Naslovi: Koriste se oznake
Leave a Comment