You are on page 1of 11

HTML Skraćenica od HyperText

Markup Language

Služi za izradu web stranica


Nastao je kasnih 80-tih
Ozančavanje teksta vrši se elementima koji se nazivaju tagovi
Za pisanje HTML koda može poslužiti bilo koji editor teksta
Pregled HTML dokumenta moguć je iz bilo kog baruzera
Html dokument može imati ekstenzije .htm ili .html
Struktura HTML dokumenta
Naslovi - Headings
Naslovi stvaraju organizacijsku strukturu
Poboljšavaju vizuelni efekat stranice
HTML posjeduje 6 nivoa naslova
Početni tag je <h1> (<h2> , <h3> , ... , <h6>)
Završni tag je </h1> (</h2> , </h3> , ... , </h6>)
<h1>najviše istaknut naslov (najveći font)
<h6>najmanje istaknut naslov
Atrubuti
Atrubuti omogućuju raznovrsnost u načinima
na koji HTML element opisuje sadržaj
Svaki HTML element ima skup atributa koji se
sa njim mogu koristiti
Odlomci - paragraphs
Pisanje teksta u HTML-u slučno je pisanju
teksta u Wordu.
Svaki napisani odlomak mora se definisati
početnim tagom <p> i završnim tagom </p>
Tag <p> označava početak odlomka. Unutar
odlomka mogu se koristiti ostali tagovi za
formatiranje teksta
Horizontalna linija
Koristi se za razdvajanje sadržaja na istoj
stranici
Ima samo početni tag <hr>
Parametri horizontalne linije su:
Width – širina linije
Height – visina linije
Aligna – horizontalno poravnanje
Nonshade – linija bez sjenke
Boja pozadine stranice
• Boja predstavlja atribut nekog HTML elementa
(nema svoj tag), npr. boja stranice, boja
tabele, boja ćelije i sl.
• Zadaje se na dva načina:
– Pomoću imena boje ili
– Pomoću heksadecimalne oznake boje.
• Boja pozadine stranice zadaje se unutar body
taga.
Primjeri
Primjer praznog dokumenta

<html>
<head>
<title>Naziv</title>
</head> <body>
</body>
</html>
Primjer naslova
<html>
<head>
<title>Ime</title>
</head>
<body>
</body>
</html>
Primjer horizontalne linije
<html>
<head>
<title>Horizontalna linija</title>
</head>
<body>
Tekst iznad horizontalne linije
<hr >
Tekst ispod horizontalne linije
</body>
</html>
Primjer paragrafa
<html>
<head>
<title>Naslovi</title>
</head>
<body>
<p align=”center”>Ovo je centrirani odlomak.</p>
<p align=”right”>Ovo je odlomak poravnat u desno</p>
<p align=”justify”>Ovo je odlomak poravnat s lijeve i
desne strane.</p>
</body>
</html>
Primjer naslova
<html>
<head>
<title>Naslovi</title>
</head>
<body>
<h1>Prvi nivo naslova</h1>
<h2>Drugi nivo naslova </h2>
<h3>Treći nivo naslova</h3>
<h4>Četvrti nivo naslova</h4>
<h5>Peti nivo naslova</h5>
<h6>Šesti nivo naslova</h6>
</body>
</html>

You might also like