In-line grafik

Hvad er ALT og hvorfor bør jeg bruge det?

ALT er en attribut som bruges i <IMG...> tagget. ALT skal sættes til en lille tekst-streng, der fungerer som alternativ for brugere, der ikke browser med billeder. Et eksempel kunne være (vi forestiller os at dette <IMG...> tag referer til et billede af en fisk):

<IMG SRC="fisk.gif" ALT="En torsk jeg fangede på min sidste ferie!"...>

Grunden til at dette er smart at gøre, er at denne tekst vil blive vist i stedet for billedet i browsere der ikke er i stand til at vise billeder. Ligeledes er det også denne tekst der vil blive vist i f.eks. Netscape hvis brugeren har valgt at slå automatisk billed-loadning fra. Derfor gælder det om at gøre ALT så informativ som overhovedet muligt, da f.eks. brugere af en tekst-browser ikke vil få meget ud af en side med mange billeder, hvis ALT-teksterne ikke er sat ordentligt (hvis billedet er stort er også god skik at inkludere størrelsen af billedet i ALT så folk kan bestemme sig for, om de vil downloade det).

Se også Use of ALT texts in IMGs.

---

Hvad er WIDTH og HEIGHT og hvorfor bør jeg bruge det?

WIDTH og HEIGHT er to attributter som bruges i <IMG...> tagget. De bruges til at fortælle browseren, hvor stort et billedes højde (HEIGHT) og bredde (WIDTH) er. Grunden til at det er praktisk at gøre dette er at browseren, når den kender størrelsen på de enkelte billeder, kan gøre plads til dem og vise resten af siden, inden den har hentet alle billederne hjem. Hvis den derimod ikke kender størrelsen på billederne er den nødt til at hente dem hjem først, for at kunne bestemme størrelsen, og først derefter er den i stand til at vise siden. Det betyder at en side med WIDTH og HEIGHT vil være praktisk for brugeren, da han kan begynde at læse teksten på siden, mens grafikken bliver loadet ind.

Rent teknisk angives både WIDTH og HEIGHT i pixels, så hvis man f.eks har et 100x100 pixels stort billede, vil <IMG> se sådan ud:

<IMG SRC="billede.gif" HEIGHT=100 WIDTH=100 ALT="Billede">

Det er en dårlig ide at bruge WIDTH og HEIGHT til at skalere med. Der er flere grunde til dette

• Det er ikke en del af standarden og browsere behøver ikke skalere det.
• Hvis du skalerer ned, sender du stadig det store billede over netværket, men modtageren ser kun det lille.
• Den mest udbredte browser pt. (Netscape) er dårlig til at skalere billeder.
  Resultatet bliver ikke så kønt som det kunne have været.

---

Hvordan fjerner jeg rammen rundt om mine billeder, når jeg bruger dem som links?

Kassen rundt om billeder der er links opstår fordi der er tradition for at markere links på en eller anden måde. Således bliver tekst-links normalt understreget og får en anden farve, så det er tydeligt for brugeren at der altså er et link på det pågældende sted. Det er af samme grund en farvet kasse bliver lagt rundt om billeder der er links, men dette kan ofte være visuelt irriterende. Derfor er BORDER blevet indført som en attribut til <IMG...> tagget. BORDER bestemmer ganske enkelt tykkelsen af den farvede kasse (i pixels). Hvis man vil fjerne kassen sætter man således blot BORDER=0. Det kommer til at se således ud:

<A HREF="http//dit.link.her/"><IMG SRC="billede.gif" BORDER=0></A>

Bemærk at kassen rundt om billeder også kan gøres tykkere (du kan f.eks godt sætte BORDER=10). Man kan dog ikke bruge BORDER til at indramme billeder, der ikke er link (nogle browsere vil godt gøre det, mens andre ikke vil).