HTML je standardni jezik za označavanje (markup) koji se koristi za kreiranje veb stranica.
Šta je HTML?
- HTML je skraćenica od Hyper Text Markup Language (Hipertekstni jezik za označavanje)
- HTML je standardni jezik za kreiranje veb stranica
- HTML opisuje strukturu web stranice
- HTML se sastoji od niza elemenata
- HTML elementi govore pretraživaču kako da prikaže sadržaj
- HTML elementi označavaju delove sadržaja kao što su „ovo je naslov“, „ovo je paragraf“, „ovo je link“, itd.
Jednostavan HTML dokument
Primer:
<!DOCTYPE html>
<html>
<head>
<title>Naslov stranice</title>
</head>
<body>
<h1>Moj prvi naslov</h1>
<p>Moj prvi paragraf.</p>
</body>
</html>Objašnjenje primera
- Deklaracija
<!DOCTYPE html>definiše da je ovaj dokument HTML5 dokument - Element
<html>je korenski element HTML stranice - Element
<head>sadrži meta informacije o HTML stranici - Element
<title>određuje naslov HTML stranice (prikazuje se u naslovnoj traci pretraživača ili u kartici stranice) - Element
<body>definiše telo dokumenta i sadrži sav vidljivi sadržaj, kao što su naslovi, paragrafi, slike, linkovi, tabele, liste, itd. - Element
<h1>definiše veliki naslov - Element
<p>definiše paragraf
Šta je HTML element?
HTML element je definisan početnom oznakom (tag), nekim sadržajem i završnom oznakom:
<oznaka> Sadržaj ide ovde... </oznaka>HTML element obuhvata sve od početne do završne oznake:
Moj prvi naslov
Moj prvi paragraf.
| Početna oznaka | Sadržaj elementa | Završna oznaka |
|---|---|---|
<h1> | Moj prvi naslov | </h1> |
<p> | Moj prvi paragraf | </p> |
<br> | nema sadržaja | nema |
Napomena: Neki HTML elementi nemaju sadržaj (kao što je <br> element). Ti elementi se nazivaju prazni elementi. Prazni elementi nemaju završnu oznaku!
Web pretraživači
Svrha veb pretraživača (Chrome, Edge, Firefox, Safari) je da čita HTML dokumente i ispravno ih prikazuje.
Pretraživač ne prikazuje HTML oznake, već ih koristi da odredi kako će prikazati dokument:
[Pogledajte u pretraživaču]
Struktura HTML stranice
Ispod je vizuelni prikaz strukture HTML stranice:
<html>
<head>
<title>Naslov stranice</title>
</head>
<body>
<h1>Ovo je naslov</h1>
<p>Ovo je paragraf.</p>
<p>Ovo je još jedan paragraf.</p>
</body>
</html>Napomena: Sadržaj unutar <body> sekcije biće prikazan u pretraživaču. Sadržaj unutar <title> elementa biće prikazan u naslovnoj traci pretraživača ili na kartici stranice.
Istorijat HTML-a
Od ranih dana World Wide Web-a, postojale su mnoge verzije HTML-a:
| Godina | Verzija |
|---|---|
| 1989 | Tim Berners-Lee izumeo www |
| 1991 | Tim Berners-Lee izumeo HTML |
| 1993 | Dave Raggett pripremio HTML+ |
| 1995 | HTML radna grupa definisala HTML 2.0 |
| 1997 | W3C preporuka: HTML 3.2 |
| 1999 | W3C preporuka: HTML 4.01 |
| 2000 | W3C preporuka: XHTML 1.0 |
| 2008 | WHATWG HTML5 prva javna verzija |
| 2012 | WHATWG HTML5 živi standard |
| 2014 | W3C preporuka: HTML5 |
| 2016 | W3C kandidat za preporuku: HTML 5.1 |
| 2017 | W3C preporuka: HTML5.1 2. izdanje |
| 2017 | W3C preporuka: HTML5.2 |