Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML - Coggle Diagram
HTML
Važne značajke web stranice
Brzo učitavanje
Moderan i pregledan dizajn
Jednostavna navigacija
Kvalitetan sadržaj
Redovito ažuriranje
Dobar prikaz u preglednicima
Optimiziranost
Savjeti za izradu stranice
Odrediti dizajn
pozadina
boje
font
Odabrati alat za izradu
Istaknuti ključne informacije
Pripremiti sadržaj
Skicirati izgled
Odrediti namjenu i ciljanu skupinu
Elementi web stranice
Zaglavlje
Logo
Navigacija
Sadržaj
Podnožje
HTML tagovi – osnova sintakse
Tagovi su unutar < >
Većina tagova dolazi u paru <tag> </tag>
Kod se piše u tekstualnom editoru
Nisu osjetljivi na velika/mala slova
Linkovi
Tekstualni link:
<a href="URL">Tekst</a>
Otvaranje u novom tabu:
<a href="URL" target="_blank">
Slika kao link:
<a href="URL"><img src="slika.jpg"></a>
Mail link:
<a href="mailto:email@domena.com">
Struktura HTML dokumenta
<!DOCTYPE html>
<html>
<head> … </head>
<body> … </body>
</html>
Oblikovanje teksta
<font size="">
<font color="">
<font face="">
Osnovni HTML tagovi
Naslovi
<h1> do <h6>
Odlomci
Novi red: <br>
Crta: <hr>
<p> … </p>
Komentar: <!-- ... -->
Tablice
<table border="1">
<tr>
<td>...</td>
<td colspan="2">...</td>
</tr>
</table>
Pozadina web stranice
Slika: <body background="slika.jpg">
Boja: <body bgcolor="black"> ili rgb() ili hex kod
Liste
Uređena lista:
<ol>
<li>...</li>
</ol>
Neuređena lista:
<ul>
<li>...</li>
</ul>