Mouse over link/billede
Vejledning i title:
1. Find det hyperlink i din html-kode - som du vil tilføje tekst ved "mouse over".
Eksempel:
Det kan se således ud: <a href="http://www.gilau.dk">Gitte Lauritsen</a>
2. Hvis jeg nu vil tilføje teksten "Besøg min hjemmeside" - som vises,
når man holder musen over linket, skal der tilføjes følgende:
title="Besøg min hjemmeside"
Dette skal indsættes efter adressen, der er afsluttet med ", men indenfor klammerne < >
3. Det kommer nu til at se således ud:
<a href="http://www.gilau.dk" title="Besøg min hjemmeside">Gitte Lauritsen</a>
Resultat (Hold musen henover): Gitte Lauritsen
::::::::::::::::::::::::::::::::::::::::::::::::::::
Ved billeder:
Hvis det drejer sig om et billede kan man udfylde alt="billedtekst her"
Det virker i IE (Internet Explorer) men ikke i Mozilla. (Jeg ved ikke hvordan det forholder sig med andre Browsere.)
IE prioterer at vise teksten i alt fremfor i title, så har du udfyldt dem begge, vil alt teksten komme frem i IE.
I Mozilla vil title komme frem.
Det er altid en god ide at udfylde alt-teksten/attributen ved billeder!
For hvis man af en eller anden grund ikke kan se billedet,
vil man istedet se den tekst, der står i alt=""
Jeg vil tro at du er helgarderet, hvis du skriver det samme i både alt og title ved et billede-link.
Eks. (ikke et link): <img alt="Besøg Teknik og Sjov" src="../../125x125.jpg" height="125" width="125" />
Eks. (link): <a href="http://www.gilau.dk/teknikogsjov" title="Besøg Teknik og Sjov">
<img alt="Besøg Teknik og Sjov" src="../../125x125.jpg" height="125" width="125" /></a>
Resultat (link):

Her et eksempel, hvor billedet ikke kan vises:
(Mozilla laver dette til et tekst-link, selvom det er et billede)
Se evt. også Mouse over table
Links vedr. links
html-faq.dk - Farve og baggrund på links (css)
Teknik og Sjov - HTML huskeliste. Cursor, nyt vindue, fjern understegning.
WebCafe.dk - Er lukket men - se evt. mirrow
HTML.dk - Lektion 8: Links
Andre:
Teknik og Sjov - Webdesign - Flere gode Links.
Teknik og Sjov - Om Webdesign - brugervenlighed/om billedfiler.
Teknik og Sjov - Computerting - Om billedfiler.
Hvad er tags og attributes? - Læs lektion 3 og 7 på html.dk