Html osnove, elementi

Š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>