Umetanje linkova, fotografija, tabele, uredjivanje,...
Šesti susret
HTML linkovi, fotografije,..
Na ovom predavanju bavili smo se umetanjem linkova, kao i fotografija u HTML kod. Pored toga posebnu pažnju posvetili smo kreiranju tabela, kao i povezivanjem sa CSS kodom, kao i uredjivanjem istog.
Primer današnjeg HTML koda
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Primjer HTML i CSS-a</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Dobrodošli na stranicu</h1>
</header>
<nav>
<ul>
<li><a href="pocetna.html">Početna</a></li>
<li><a href="onama.html">O nama</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
<main>
<section>
<h2>Naslov sekcije</h2>
<p>Ovo je tekst sekcije.</p>
<img src="slika.jpg" alt="Nema slike">
<a href="https://www.example.com">Ovo je link</a>
<table>
<tr>
<th>Prva kolona</th>
<th>Druga kolona</th>
</tr>
<tr>
<td>Podatak 1</td>
<td>Podatak 2</td>
</tr>
<tr>
<td>Podatak 3</td>
<td>Podatak 4</td>
</tr>
</table>
</section>
</main>
<footer>
<p>© 2024 Primjer stranice</p>
</footer>
</body>
</html>
Izgled HTML stranice nakon pokretanja koda
Comments
Post a Comment