Een afbeelding converteren naar HTML-code

Handen typen op toetsenbord

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, .