HTML (HyperText Markup Language) je osnovni jezik za izradu web stranica. Njegova glavna svrha je strukturiranje sadržaja na internetu, a to se postiže korištenjem tagova i atributa. HTML tagovi su osnovni građevni blokovi svakog web dokumenta, dok su atributi dodatne informacije koje se dodaju tagovima kako bi se prilagodilo njihovo ponašanje ili izgled.
Svaki HTML dokument započinje s <!DOCTYPE html> deklaracijom koja definira da je riječ o HTML5 dokumentu. Nakon toga slijedi korijenski element <html>, unutar kojeg se nalaze dva glavna dijela: <head> i <body>. U <head> sekciji nalaze se informacije o dokumentu, kao što su naslov stranice (definiran s <title> tagom), povezivanje s CSS datotekama, meta podaci i druge informacije koje nisu vidljive korisnicima na stranici. S druge strane, <body> sekcija sadrži sav sadržaj koji će korisnici vidjeti, uključujući tekst, slike, videozapise i druge elemente.
Tagovi su označeni s uglatim zagradama, a većina ih dolazi u parovima: otvoreni tag (npr. <p>) i zatvoreni tag (npr. </p>). Međutim, postoje i samo-zatvoreni tagovi, kao što su <br> za novi red ili <img> za slike, koji ne zahtijevaju zatvoreni tag. Svaki tag može imati atribute koji dodatno definiraju ili modificiraju njegove karakteristike. Na primjer, <a href="https://www.example.com">Link</a> koristi atribut href za definiranje URL-a na koji vodi link.
Atributi se koriste za pružanje dodatnih informacija o tagovima. Oni se nalaze unutar otvorenog taga, a svaki atribut se sastoji od imena i vrijednosti, razdvojenih znakom jednakosti. Na primjer, u tagu <img src="slika.jpg" alt="Opis slike">, src je atribut koji definira putanju do slike, dok je alt atribut koji pruža tekstualni opis slike, što je posebno važno za pristupačnost i SEO.
Postoji mnogo različitih HTML tagova, svaki s posebnom namjenom. Na primjer, <h1> do <h6> tagovi se koriste za definiranje naslova različitih razina, dok <p> tag označava paragrafe. <ul> i <ol> tagovi koriste se za stvaranje neuređenih i uređenih popisa, dok <table> tag omogućuje izradu tablica. Također, tagovi poput <div> i <span> koriste se za grupiranje elemenata i stiliziranje putem CSS-a.
U današnje vrijeme, HTML se često kombinira s CSS-om (Cascading Style Sheets) i JavaScriptom kako bi se stvorile dinamične i vizualno privlačne web stranice. CSS se koristi za stiliziranje HTML elemenata, dok JavaScript omogućuje interaktivnost. Na primjer, možete koristiti JavaScript za promjenu sadržaja HTML elemenata ili za reagiranje na korisničke akcije kao što su klikovi ili pomaci mišem.
Osim osnovnih tagova, postoje i specijalizirani tagovi koji se koriste za različite svrhe, kao što su <form> za izradu obrazaca, <audio> i <video> za integraciju medijskih sadržaja. HTML5 je uveo mnoge nove mogućnosti i poboljšanja, uključujući podršku za lokalno pohranjivanje, geolokaciju i API-je za pristup raznim funkcijama preglednika.
Kroz rad s HTML-om, važno je razumjeti osnovne koncepte i najbolje prakse kako bi se osiguralo da web stranice budu pristupačne, brze i user-friendly. Korištenje ispravnih tagova i atributa pomaže u optimizaciji web stranica za tražilice, što može poboljšati njihovu vidljivost i rangiranje u rezultatima pretraživanja.
