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

<a> ... </a>

Atributi: accesskey | charset | class | coords | dir | href | hreflang | id | onblur | onclick | onfocus | ondblclick | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | rel | rev | shape | style | tabindex | title | type | xml:lang
Starši: abbr | acronym | address | bdo | big | caption | cite | code | dd | del | dfn | div | dt | em | fieldset | h1 | h2 | h3 | h4 | h5 | h6 | ins | kbd | label | legend | li | object | p | pre | q | samp | small | span | strong | sub | sup | td | th | tt | var
Otroci: #PCDATA | abbr | acronym | bdo | big | br | button | cite | code | del | dfn | em | img | input | ins | kbd | label | map | noscript | object | q | samp | script | select | small | span | strong | sub | sup | textarea | tt | var

Element a je sidro in z lastjo href tvori hiperpovezavo. S klikom na povezavo se uporabnik "preseli" na drugo mesto v spletu. Na ta nač se seli ("surfa") s strani na stran. Vrednost atributa href je URI ciljne povezave.

Primer

<p>
  Za več informacij o vpisu na našo šolo obiščite
  <a href="http://www.sersmb.net/vpis.html">SERŠ</a>.
</p>

Element a ne more biti gnezden. Paziti je tudi potrebno na pravilno postavitev začetne in končne značke. Dobro se je tudi izogibati drugim elementom znotraj a, čeprav je njihova uporaba dovoljena. Element se mora nahajati znotraj blokovnega elementa. S slogovnimi predlogami (psevdorazredi) se da oblikovati.

Z vrednostjo mailto:... atributa href omogočamo pripravo elektronskega sporočila (e-pošte) določenemu prejemniku.

Primer

<p>
  Za več informacij o vpisu na našo šolo pišite na
  <a href="mailto:vpis@sersmb.net">SERŠ</a>.
</p>

Atribut id naredi element a za cilj povezave na isti strani

Primer

<a id="gor"></a>
...
...
<a href="#gor">Na začetek strani</a>

ali na določenem mestu na drugi strani.

Primer

Za več informacij o vpisu odraslih obiščite
<a href="http://www.sersmb.net/vpis#odrasli.html">SERŠ</a>

Element a sploh ni potrebno uporabiti za povezavo. Tipični primer je povezava na JavaScript (NN4 je dovolil izvajanje skript samo v obrazcih in povezavah).

<a href="JavaScript:neka_funkcija(5)">Zaženi skript</a>.

Primer

<p>
  <a href="javascript:neka_funkcija(5)">Zaženi skript</a>.
</p>

Slike kot povezave

Izdelava grafičnih navigacijskih sistemov je ena izmed mnogih možnih uporab slik v internetu oziroma v spletu. Linki ali povezave se uporabljajo za dostop do nekaterih drugih strani in se največkrat pojavljajo kot gumbi. Proces povezovanja s slikami je enako lahek kot proces povezovanja s tekstom. Slikovni element je postavljen znotraj gnezdenega elementa:

Primer

<p>
  <a href="dokument.html">
    <img src="slika.jpg" alt="neka slikica" />
  </a>
</p>

→ Primer zunanje povezave
→ Primer notranje povezave
→ Primer povezave v istem dokumentu
→ Primer povezave na pošto
→ Primer slika kot povezava
→ Primer komentarja k povezavi
→ CSSOdstranitev obrobe okoli slike za povezavo
→ CSSOblikovanje povezave s psevdorazredi
→ CSSPrimer oblikovanje povezave s psevdorazredi
→ CSSŠe en primer oblikovanje povezave s psevdorazredi

SERŠ Maribor : Strokovna gimnazija : 2004 : Matej Vogrinčič