HTML je kratica za Hypertext Markup Language (Jezik za označavanje hiperteksta). To je standardni jezik za označavanje dokumenata dizajniranih za prikaz u web pregledniku. HTML u mogu pomoći tehnologije poput Cascading Style Sheets ( CSS ) i skriptni jezici poput JavaScripta.
U svojoj srži, internet je ogromna mreža računala povezanih globalno. Primarni način na koji komuniciramo s ovom mrežom je putem World Wide Weba ( WWW ), sustava međusobno povezanih hipertekstualnih dokumenata kojima se pristupa putem interneta. U središtu WWW su web stranice, odnosno dokumenti napisani u HTML . HTML pruža osnovnu strukturu web-mjesta, koja se zatim poboljšava i modificira drugim tehnologijama poput CSS a i JavaScripta.
HTML dokument je strukturiran prema skupu ugniježđenih oznaka, koje su elementi zatvoreni u kutnim zagradama. Ove oznake govore web pregledniku kako prikazati sadržaj. Primjer jednostavne strukture HTML dokumenta je:
<!DOCTYPE html>
<html>
<glava>
<title>Naslov stranice</title>
</head>
<tijelo>
<h1>Ovo je naslov</h1>
<p>Ovo je odlomak.</p>
</body>
</html>
Ovaj kod definira osnovnu web stranicu s naslovom, zaglavljem i odlomkom teksta.
HTML dokumenti sastoje se od HTML elemenata. Svaki element predstavljen je početnom oznakom, nekim sadržajem i završnom oznakom. Početna i završna oznaka elementa su identične, osim što završna oznaka uključuje kosu crtu ispred naziva elementa.
Na primjer, oznaka <code><p></code> zatvara odlomak teksta i strukturirana je na sljedeći način:
<p>Ovo je primjer odlomka.</p>
Različiti elementi služe različitim svrhama. Na primjer:
HTML elementi mogu imati atribute koji pružaju dodatne informacije o elementima. Atributi se smještaju unutar početne oznake elementa i često se navode u parovima ime/vrijednost poput <code>naziv="vrijednost"</code>.
Na primjer, za ugradnju slike koristimo oznaku <code><img></code> s atributom <code>src</code> (izvor) kako bismo odredili URL slike:
<img src="url do slike.jpg" alt="Opis slike">
Atribut <code>alt</code> pruža alternativni tekst za sliku ako se ona ne može prikazati.
Korištenje oznake <code><a></code> stvara hiperveze, koje su temelj međusobne povezanosti weba. Hiperveza može voditi na drugu web stranicu, drugi odjeljak na istoj stranici ili čak datoteku za preuzimanje. Na primjer:
<a href="https://example.com">Posjetite Example.com</a>
Ovim se stvara veza na <code>https://example.com</code>.
HTML pruža elemente za izradu popisa. Postoje dvije glavne vrste popisa:
Svaka stavka na popisu zatvorena je unutar oznake <code><li></code> (stavka popisa).
HTML5 je najnovija evolucija standarda koja uvodi mnoge nove značajke koje odražavaju moderne potrebe za multimedijskim i interaktivnim dokumentima. To uključuje nove strukturne elemente (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>), grafičke elemente (<code><canvas></code> za crtanje, <code><svg></code> za skalabilnu vektorsku grafiku) i medijske elemente (<code><audio></code> i <code><video></code>).
Semantički HTML odnosi se na korištenje HTML označavanja za pojačavanje semantike ili značenja informacija na web stranicama. Umjesto pukog definiranja izgleda ili ponašanja elemenata (to je posao za CSS i JavaScript), semantički HTML točno opisuje strukturu i vrstu sadržaja. Na primjer, oznaka <code><article></code> označava da je sadržaj unutra članak, dok oznaka <code><nav></code> označava navigacijski izbornik.
Korištenje semantičkog HTML poboljšava dostupnost i pretraživost web sadržaja, čineći ga upotrebljivijim i lakše dostupnim za pronalaženje.
HTML je temeljna tehnologija World Wide Weba koja pruža osnovnu strukturu web stranica. Korištenjem oznaka, atributa i elemenata, HTML omogućuje stvaranje strukturiranih dokumenata. Razumijevanjem i korištenjem HTML -a može se stvoriti širok raspon sadržaja dostupnog na webu, od jednostavnih tekstualnih dokumenata do složenih interaktivnih multimedijskih iskustava. Kao temelj za web razvoj, poznavanje HTML je ključno za svakoga tko želi dizajnirati ili razvijati za web.