NAZAD NA POČETNU Hiperlink i bookmark u HTML NAZAD
Sada nekoliko zadataka, tj. primjera kako bi lakše naučili kako da koristimo ove, pa recimo i najvažnije, funkcije web programiranja.
Zadatak br.1-Postavimo jedan link
<!DOCTYPE html>
<html>
<body>
<p>
<a href="Naslovna.htm">Naslovna</a> Ovo je link do naslovne strane.
</p>
</body>
</html>
Zadatak br.2 -Ubacimo sliku kao link.
<!DOCTYPE html>
<html>
<body>
<p>Slika kao link:
<a href="http://www.znanje.org/">
<img src="G:\My Web Sites\Maturski Rad\Asistent.jpg" alt="HTML tutorial"
width="32" height="32" />
</a></p>
<p> Primjetite da visinu i sirinu slike mozemo podesavati po svojoj zelji. </p>
</body>
</html>
<html>
<body>
Zadatak br.3- Ubacimo bookmark
<p>
<a href="#C4">Skoci na Clanak4.</a>
</p>
<h2>Clanak1</h2>
<p>Ovo je clanak.</p>
<h2>Chapter 2</h2>
<p>TOvo je clanak</p>
<h2>Chapter 3</h2>
<p>Ovo je clanak</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>Ovo je clanak</p>
<h2>Chapter 5</h2>
<p>Ovo je clanak</p>
<h2>Chapter 6</h2>
<p>Ovo je clanak</p>
<h2>Chapter 7</h2>
<p>Ovo je clanak</p>
<h2>Chapter 8</h2>
<p>Ovo je clanak</p>
<h2>Chapter 9</h2>
<p>Ovo je clanak</p>
<h2>Chapter 10</h2>
<p>Ovo je clanak</p>
<h2>Chapter 11</h2>
<p>Ovo je clanak</p>
<h2>Chapter 12</h2>
<p>Ovo je clanak</p>
<h2>Chapter 13</h2>
<p>Ovo je clanak</p>
<h2>Chapter 14</h2>
<p>Ovo je clanak</p>
<h2>Chapter 15</h2>
<p>Ovo je clanak</p>
<h2>Chapter 16</h2>
<p>Ovo je clanak</p>
<h2>Chapter 17</h2>
<p>Ovo je clanak</p>
</body>
</html>
Zadatak br.4-Kako izaci iz okvira pomocu linka
<!DOCTYPE html>
<html>
<body>
<p>Zakljucan u okviru?</p>
<a href="naslovna.htm" target="_top">Klikni ovde</a>
</body>
</html>