Što je HTML?
HTML je skraćenica od Hyper Text Markup Language to je standardni jezik za kreiranje web stranica.
HTML opisuje strukturu web stranice i se sastoji od niza elemenata koji govore pregledniku kako prikazati sadržaj.
Osnove
Osnovni template za html5 stranicu mora imate html, body, h1 - headings, p - Paragraphs kao u primjeru:
<!DOCTYPE html>
<html>
<body>
<h1>Naslov</h1>
<h2>Podnaslov </h2>
<p>Neki sadržaj</p>
</body>
</html>
Formatiranje teksta
Tagovi za formatiranje teksta su: <i>, <b>, <del>, <sub>. <sup>
<!DOCTYPE html>
<html>
<body>
<i>italic</i><b>bold</b>
<p>ovaj tekst je <del>izbrisan</del></p>
<p>volumen je 3m<sup>2</sup></p>
</body>
</html>
Komentari unutar html-a
Komentari unutar html-a označavaju se sa <! -- komentar -->
<!DOCTYPE html>
<html>
<body>
<! -- ovo je neki komentar -->
<p>volumen je 3m<sup>2</sup></p>
<!--
<p>ovaj tekst je zakomentiran</p>
-->
</body>
</html>
Html tablice
Tablice najčešće koristimo za prikaz nekih podataka, tag <table> <th> - header <tr> - red, <td> - stupac
<!DOCTYPE html>
<html>
<body>
<table>
<tr>
<th>Auto</th><th>Godište</th>
</tr>
<tr>
<td>bmw E36</td><td>1995</td>
</tr>
<tr>
<td>bmw E30</td><td>1985</td>
</tr>
</table>
</body>
</html>
Html Liste
Tablice upotrebljavamo tagove <ul> - unorder list i <ol> - orderd list tag za stavke liste je <li>
<!DOCTYPE html>
<html>
<body>
<ul>
<li>stavka 1</li>
<li>stavka 2</li>
<li>stavka 3</li>
</ul>
<!-- order list svaka stavka zapoćinje s brojem -->
<ol>
<li>stavka</li>
<li>stavka</li>
<li>stavka</li>
</ol>
</body>
</html>
Html iframe
Tag <iframe> služi za prikaz sadržaja druge stranice unutar osnovne stranice, u primjeru se prikazuje stranica google.com širine 200px, visine 400px i bez prikaza bordera
<!DOCTYPE html>
<html>
<body>
<iframe src="https:www.google.com" name="google" style="height:400px;width:300px;border:none;" description="google.com"></iframe>
</body>
</html>