So konvertieren Sie ein Bild in HTML-Code

So konvertieren Sie ein Bild in HTML-Code - Bild 1

Mit nur wenigen HTML-Codeschnipseln können Sie ein Bild in jede Webseite, E-Mail oder ein anderes internetbasiertes HTML- oder XML-Dokument 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 ihm dann einen Platz in einem HTML-Dokument zuweisen. Sie können auch angeben, wie viele Pixel das Bild vertikal und horizontal angezeigt werden soll. Lesen Sie weiter, um zu erfahren, wie Sie ein Bild in HTML-Code konvertieren.

Index

    Schritt 1

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

    Schritt 2

    Speichern Sie das Bild lokal oder online. Das 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 Bild-Tag und die genaue URL, wo das Bild gespeichert ist: So konvertieren Sie ein Bild in HTML-Code - Bild 2. 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 so an, wie es in Pixeln angezeigt werden soll. Verwenden Sie erneut die genaue URL, unter der das Bild gespeichert ist. Beispiel: <img src-" http://example.com/image.jpg" width=400>. Dadurch wird die vorhandene Breite des Bildes auf 400 Pixel gedehnt oder verkleinert.

    Schritt 5

    Passen Sie die Höhe des Bildes so an, wie es in Pixeln angezeigt werden soll. Zum Beispiel So konvertieren Sie ein Bild in HTML-Code - Bild 3. 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 So konvertieren Sie ein Bild in HTML-Code - Bild 4.

    Schritt 7

    Verwandeln Sie das Bild bei Bedarf in einen Link. Verwenden Sie das Anchor-Tag mit dem darin eingebetteten Image-Tag. Zum Beispiel So konvertieren Sie ein Bild in HTML-Code - Bild 5.

    Das könnte Sie auch interessieren

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht.

    Go up