e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
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