HTML - Tagovi i atributi

HTML5

Pogledaj kod ispod ovog teksta.

<!DOCTYPE html>
<html lang="hr">
  <head>
<meta charset="utf-8"/>
</head>
<body>
</body>
</html>

Sigurno se pitaš što je sada ovo. To je osnovni kod za HTML. To je dio koda koji ćeš morati imati u svakom dokumentu.

Tagovi

Sve što je u šiljastim zagradama je zapravo tag (<html>, <head>, <body>, <meta>, itd.). Uzmimo na primjer html tag. On izgleda ovako: 

<html>
Neki kod između...
</html> 

Kada se radi novi tag mi ga radimo da nešto stavimo u njega. Zato <html> služi za otvaranje, a </html> za zatvaranje html taga.

Zašto se onda meta tag ne zatvara?

Meta tag se zapravo zatvara, ali na drukčiji način. Pošto ne stavljamo ništa unutar taga, bilo bi glupo da tag onda izgleda ovako:
<meta charset="utf-8"></meta>

Radi jednostavnosti se onda piše:
<meta charset="utf-8"/>

Atributi

Atributi su sve što se definira u tagovima, a oni služe za proširivanje tagova. Atributi su zapravo sve u tagovima što ima neki naziv, znak jednakosti i nakon toga dva dupla navodnika. Za primjer u html tagu je atrubut lang="hr". Atribut je lang i ima neku vrijednost koja je u ovom slučaju vrijednost hr. Vrijednosti su uvijek između duplih navodinka.

Zadatak za tebe!

U kodu je još jedan atribut. Probaj ga naći i ako misliš da si ga našao napiši ga u komentar i provjeri ako je to taj atribut! Sretno! ;)

Za radoznale

Svi koji su radoznali i žele vidjeti kako će ispasti taj kod kao stranica, neka kopiraju kod i zaljepe u text editor. Nakon toga tu datoteku spremite kao proba.html. Nakon toga otvorite taj html dokument sa web preglednikom i uživajte u prvoj "stranici" koju ste napravili. :)

Primjedbe