Huis > Webdesign > Het Integreren Van Afbeeldingen In Html - Hoe Het Werkt

Het integreren van afbeeldingen in HTML - hoe het werkt

De afkorting HTML staat voor Hyper Text Markup Language. Dit is de taal waarin alle webpagina's worden gescript. Natuurlijk kunt u ook een afbeelding op uw website plaatsen, dit is ook mogelijk met HTML. Daarbij heeft u nog verschillende instelmogelijkheden die u helpen om de afbeelding correct weer te geven.

Hoe een afbeelding in HTML in te sluiten

Om een afbeelding, d.w.z. een grafische afbeelding, in een HTML pagina in te sluiten, heb je alleen de code <img src="path/image.png"> nodig. Je hebt ook de mogelijkheid om enkele instellingen te maken.
  1. "src=" staat voor source en beschrijft eenvoudig van welke bron (web adres of intern path adres) de afbeelding moet worden genomen.
  2. Als je de instellingen van de afbeelding wilt gebruiken, kun je ze als parameters doorgeven nadat je de source hebt opgegeven.
  3. Met <src="..." width="10" height="10"> kun je de breedte en hoogte van de afbeelding instellen op elk 10 pixels. Andere lengtespecificaties zoals centimeters zijn ook mogelijk (<src="..." width="10cm">)
  4. Met het "alt" attribuut, heb je de mogelijkheid om een alternatieve tekst weer te geven, mocht je afbeelding niet goed laden: <src="..." alt="Afbeelding niet beschikbaar">
  5. Je kunt ook een kader om de afbeelding zetten. Gebruik hiervoor het "border" attribuut.
  6. Met het "align" attribuut kun je aangeven waar in de bovenliggende container de afbeelding moet komen te staan. Met <img src="..." width="100cm" alt" image not available" border="4" align="center"> wordt een afbeelding gemaakt die 100 centimeter lang is, een rand heeft van 4 pixels dik en in het midden van de bovenliggende container wordt geplaatst.

Door De Metcalf

The Elder Scrolls Online: Klassen in een oogopslag :: Star Citizen 3.5: Deze features worden gebracht door de alpha-update