e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Povezave v istem dokumentu

Koda:
<p>
<a href="#p1">Poglavje1</a> 
<a href="#p2">Poglavje2</a> 
<a href="#p3">Poglavje3</a> 
<a href="#p4">Poglavje4</a> 
<a href="#p5">Poglavje5</a> 
<a href="#p6">Poglavje6</a> 
<a href="#p7">Poglavje7</a> 
<a href="#p8">Poglavje8</a> 
<a href="#p9">Poglavje9</a> 







<a href="#p10">Poglavje10</a>
</p>



<a id="p1"><h2>Poglavje 1 </h2></a>
<p>V tem poglavju ... bla bla ...</p></a>


<a id="p2"><h2>Poglavje 2 </h2>
<a id="p3"><h2>Poglavje 3 </h2></a>
<p>V tem poglavju ... bla bla ...</p></a>


<a id="p4"><h2>Poglavje 4 </h2>
<p>V tem poglavju ... bla bla ...</p></a>


<a id="p5"><h2>Poglavje 5 </h2>

<p>V tem poglavju ... bla bla ...</p></a>


<a id="p6"><h2>Poglavje 6 </h2>
<p>V tem poglavju ... bla bla ...</p></a>


<a id="p7"><h2>Poglavje 7 </h2>
<p>V tem poglavju ... bla bla ...</p>
<a id="p8"><h2>Poglavje 8 </h2>
<p>V tem poglavju ... bla bla ...</p></a>


<a id="p9"><h2>Poglavje 9 </h2>
<p>V tem poglavju ... bla bla ...</p>

<a id="p10"><h2>Poglavje 10 </h2></a>
<p>V tem poglavju ... bla bla ...</p>

Izgled v
brskalniku:
Razlaga: Povezave pa lahko uporabljamo tudi na strani, ki jo trenutno pregledujemo. Če je stran prenatrpana, lahko povsem preprosto dodamo povezave in tako povečamo preglednost. Z atributom id se enolično določi nek element.V atribut href dodamo kot vrednost pred imenom povezave znak # in na mesto, kjer želimo, da nas poveže zamenjamo href z id. Notranje povezave so povezave na določeno mesto v istem dokumentu.

SERŠ Maribor : Strokovna gimnazija : 2003 : Leon Borko