![Handen typen op toetsenbord](/f/43d36a93f35e2c42d3107ffeebab0bff.jpg)
De handen van een man op een computertoetsenbord
Afbeelding tegoed: Jatinder Kumar/iStock/Getty Images
Met slechts een paar fragmenten HTML-code kunt u een afbeelding insluiten in elke webpagina, e-mail of ander op internet gebaseerd HTML- of XML-document. Hoewel u een afbeelding niet kunt "converteren" naar HTML-code, kunt u de afbeelding lokaal of op een specifiek webadres opslaan en er vervolgens een plaats voor aanwijzen in een HTML-document. U kunt ook aangeven hoeveel pixels groot de afbeelding moet zijn, zowel verticaal als horizontaal. Lees verder om te leren hoe u een afbeelding naar HTML-code converteert.
Stap 1
Kies een afbeelding. Het kan elke afbeelding van elke grootte zijn.
Video van de dag
Stap 2
Sla de afbeelding lokaal of online op. Dit betekent dat u het op uw computer of op een specifiek webadres kunt opslaan. Als u wilt dat andere mensen de afbeelding online kunnen zien, moet u de afbeelding uploaden naar een webserver. Gebruik uw websiteserver, of probeer Picasa of een andere toepassing voor het opslaan en delen van afbeeldingen als u geen website heeft. Noteer de URL waar de foto is opgeslagen.
Stap 3
Open een HTML-document. Gebruik de afbeeldingstag en de exacte URL van waar de afbeelding is opgeslagen: . Hiermee wordt de afbeelding in uw HTML-document ingesloten. Wanneer de gebruiker dat document opent via een webbrowser of een ander programma, verschijnt de afbeelding.
Stap 4
Pas de breedte van de afbeelding aan zoals u wilt, in termen van pixels. Gebruik opnieuw de exacte URL van waar de afbeelding is opgeslagen. Bijvoorbeeld, http://example.com/image.jpg" breedte=400>. Hiermee wordt de bestaande breedte van de afbeelding uitgerekt of verkleind tot 400 pixels.
Stap 5
Pas de hoogte van de afbeelding aan zoals u wilt, in termen van pixels. Bijvoorbeeld, . Hierdoor wordt de bestaande hoogte van de afbeelding uitgerekt of verkleind tot 700 pixels.
Stap 6
Combineer zo nodig breedte- en hoogteaanpassingen. Bijvoorbeeld, .
Stap 7
Verander de afbeelding desgewenst in een link. Gebruik de ankertag met de afbeeldingstag erin ingesloten. Bijvoorbeeld, .