Naam:  Wachtwoord:        Wachtwoord? Naam?   |   Register
Home HTML Afbeeldingen in HTML

Afbeeldingen in HTML

PDF Afdrukken E-mail
Webdesign - HTML
Inhoudsopgave
Afbeeldingen in HTML
Uitlijning
Ruimte creëren
Alternatieve tekst
Soorten afbeeldingen
Image maps
Alle pagina's
Pagina 1 van 6

Afbeeldingen

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.

<IMG src="/bestandsnaam">
Een foto waar u verder niets mee kunt. Een foto waar u verder niets mee kunt. Een foto waar u verder niets mee kunt.




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.

<A href="/naareenanderepagina.html"><IMG src="/bestandsnaam"></A>

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.

cursus html

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.

<A href="/foto.gif">Bekijk deze foto eens.</A>




Vorige - Volgende >>
 

Lente Actie!

Omdat het lente is, vieren we feest! We geven daarom alleen in de lente 50 euro korting op alle basistrainingen van Avid Studio, Magix Video deluxe, Sony Vegas Movie Studio en Adobe Premiere Elements.

U betaalt dus geen 149 euro per trainingsdag, maar 99 euro. Schrijf je snel in, want er zijn maar een beperkt aantal plaatsen beschikbaar!

Cursussen en trainingen

Dvscene geeft trainingen en cursussen in het trainingscentrum van Iscenes multimedia.

Er zijn verschillende cursussen per pakket voor beginners en gevorderden.  U kunt zich inschrijven voor de volgende cursussen en trainingen:

 

 

 

Dvscene.nl is onderdeel van Iscenes multimedia specialist in videomontage-, cms- en cameratrainingen. Copyright © 2012. Dvscene.nl.