| Afbeeldingen in HTML | | Afdrukken | |
| Geschreven door Rinie Hooijer | ||||||||
| woensdag, 31 december 1997 03:00 | ||||||||
Pagina 1 van 6 HTML-pagina's bestaan gelukkig niet alleen uit tekst. De kracht van het World Wide Web zit juist in het gebruik van de combinatie van beelden en tekst. Dit is ook de reden waarom we in bijna iedere webpagina afbeeldingen aantreffen. Dit kunnen foto's, tekeningen, knoppen, balken of zelfs hele achtergronden zijn.HTML-pagina's bestaan gelukkig niet alleen uit tekst. De kracht van het World Wide Web zit juist in het gebruik van de combinatie van beelden en tekst. Dit is ook de reden waarom we in bijna iedere webpagina afbeeldingen aantreffen. Dit kunnen foto's, tekeningen, knoppen, balken of zelfs hele achtergronden zijn. Sommige afbeeldingen zijn zelf ontworpen, maar de meeste worden van het web geplukt. Ging het een jaar geleden nog om stilstaande beelden, tegenwoordig is dat wel anders. De meeste makers van websites maken nu gebruik van animated GIF's, Java of JavaScripts om hun webpagina's meer te laten leven. Dit kan leuk zijn, en we raden u aan hier zeker mee te experimenteren, maar het moet wel functioneel blijven. En met functioneel doelen we dan vooral op de tijd die het de gebruiker kost om al deze afbeeldingen binnen te halen. Implementeren Een afbeelding opnemen in u HTML-code is niet moeilijk. U gebruikt hiervoor de IMG tag (IMG staat voor Image), in combinatie met het attribuut src (src staat voor Source). Om een afbeelding in een webpagina te tonen heeft u dus de volgende code nodig.  Als u een leuke foto ziet tijdens het surfen op het World Wide Web, dan kunt u deze op uw harde schijf opslaan door op de rechtermuisknop te klikken en te kiezen voor 'bewaren als'. Met deze regel wordt alleen de afbeelding getoond, zonder dat u hier iets mee kan doen. Als u wilt dat de afbeelding aanklikbaar wordt, kunt u er een link van maken. In dat geval plaatst u de code tussen de anker tag. Als een afbeelding als link gebruikt, komt er nadat de gebruiker erop heeft geklikt een lelijke rand omheen te staan. Om dit te voorkomen is het handig het attribuut border te gebruiken en deze een waarde van 0 te geven.  Natuurlijk kan dit ook andersom worden gelinkt: van een bestand naar een plaatje. Als u dat wilt vult u in plaats van een documentnaam de naam van de afbeelding in bij het attribuut href. Bekijk deze foto eens. |
||||||||
| Laatst aangepast op dinsdag, 01 september 2009 13:19 |
