So konvertieren Sie ein Bild in HTML-Code

Tippen mit den Händen auf der Tastatur

Die Hände eines Mannes auf einer Computertastatur

Bildnachweis: JatinderKumar/iStock/Getty Images

Mit nur wenigen HTML-Code-Schnipseln können Sie ein Bild in jede Webseite, E-Mail oder andere internetbasierte HTML- oder XML-Dokumente einbetten. Sie können ein Bild zwar nicht in HTML-Code "konvertieren", aber Sie können das Bild lokal oder unter einer bestimmten Webadresse speichern und dann einen Platz dafür in einem HTML-Dokument festlegen. Sie können auch angeben, wie viele Pixel groß das Bild sowohl vertikal als auch horizontal erscheinen soll. Lesen Sie weiter, um zu erfahren, wie Sie ein Bild in HTML-Code konvertieren.

Schritt 1

Wählen Sie ein Bild aus. Es kann ein beliebiges Bild jeder Größe sein.

Video des Tages

Schritt 2

Speichern Sie das Bild lokal oder online. Dies bedeutet, dass Sie es auf Ihrem Computer oder unter einer bestimmten Webadresse speichern können. Wenn Sie möchten, dass andere Personen das Bild online sehen können, müssen Sie das Bild auf einen Webserver hochladen. Verwenden Sie Ihren Website-Server, oder wenn Sie keine Website haben, versuchen Sie es mit Picasa oder einer anderen Anwendung zum Speichern und Teilen von Bildern. Notieren Sie sich die URL, unter der das Foto gespeichert ist.

Schritt 3

Öffnen Sie ein HTML-Dokument. Verwenden Sie das Image-Tag und die genaue URL, wo das Bild gespeichert ist: . Dadurch wird das Bild in Ihr HTML-Dokument eingebettet. Wenn der Benutzer dieses Dokument über einen Webbrowser oder ein anderes Programm öffnet, wird das Bild angezeigt.

Schritt 4

Passen Sie die Breite des Bildes in Pixeln so an, wie es angezeigt werden soll. Verwenden Sie auch hier die genaue URL des Speicherorts des Bildes. Zum Beispiel, http://example.com/image.jpg" Breite=400>. Dadurch wird die vorhandene Breite des Bildes auf 400 Pixel gedehnt oder verkleinert.

Schritt 5

Passen Sie die Höhe des Bildes in Pixeln so an, wie es angezeigt werden soll. Zum Beispiel, . Dadurch wird die vorhandene Höhe des Bildes auf 700 Pixel gedehnt oder verkleinert.

Schritt 6

Kombinieren Sie Breiten- und Höhenanpassungen nach Bedarf. Zum Beispiel, .

Schritt 7

Verwandeln Sie das Bild bei Bedarf in einen Link. Verwenden Sie das Anker-Tag mit dem darin eingebetteten Image-Tag. Zum Beispiel, .