Afbeeldingen kunnen het uiterlijk van een webpagina verbeteren door de tekst op te splitsen en visueel interessant te maken. De afbeeldingen die op een webpagina zichtbaar zijn, zijn eigenlijk links naar een interne of externe afbeelding. Met andere woorden, de afbeeldingen zijn een ander bestand, hetzij op dezelfde server als de webpagina, hetzij op een externe server. Om een afbeelding in een webpagina te plaatsen, moet u de browser vertellen waar de afbeelding moet worden gezocht. Deze informatie wordt in de "" tag met het "src" attribuut.
De afbeelding maken
Als uw afbeelding wordt bewaard op de webserver die uw webpagina host, kunt u gewoon de naam van de afbeelding in de tag plaatsen, zoals: Als uw afbeelding zich echter op een externe server bevindt, moet u een link naar de afbeelding plaatsen in de tag zoals:
Of u nu een lokale of externe afbeelding gebruikt, er zijn enkele kenmerken die u kunt gebruiken om uw afbeelding op de pagina uit te lijnen. Het attribuut "align" wordt gebruikt om de afbeelding horizontaal uit te lijnen. De waarden kunnen "rechts", "links" of gecentreerd zijn. Om bijvoorbeeld een externe afbeelding aan de rechterkant van de pagina te plaatsen, zou de HTML-code zijn:
Het attribuut "valign" wordt gebruikt om de afbeelding verticaal op het scherm uit te lijnen. De waarden kunnen 'boven', 'onder' en 'midden' zijn. Om het bovenstaande voorbeeld in de rechterbovenhoek van het scherm uit te lijnen, zou de code zijn:
Een ander attribuut is het attribuut "alt". Dit wordt gebruikt om tekst te plaatsen waar de afbeelding zou moeten zijn als de bezoeker een op tekst gebaseerde webbrowser gebruikt of als de link naar de afbeelding verbroken is. Het attribuut "alt" wordt op de volgende manier gebruikt:
Ten slotte kunt u van uw afbeelding een hyperlink maken door de tag "" toe te voegen. Hierdoor kunnen bezoekers op de afbeelding klikken om naar een externe pagina of naar de foto zelf te gaan. De HTML-code om een afbeelding met een hyperlink te maken is:
