So Betten Sie Ein Bild Mit HTML In Eine Website Ein

Inhaltsverzeichnis:

So Betten Sie Ein Bild Mit HTML In Eine Website Ein
So Betten Sie Ein Bild Mit HTML In Eine Website Ein

Video: So Betten Sie Ein Bild Mit HTML In Eine Website Ein

Video: So Betten Sie Ein Bild Mit HTML In Eine Website Ein
Video: Eigene Website mit HTML und CSS bauen | Tutorial für Anfänger 2020 2024, Kann
Anonim

Artikel im Internet wirken trocken und unvollständig, wenn der Text nicht mit zusätzlichen Medien verwässert wird. Die einfachste und zugänglichste Dekoration eines Blogbeitrags oder einer Website ist eine Bildillustration. Es kann mit speziellen Tags veröffentlicht werden.

So betten Sie ein Bild mit HTML in eine Website ein
So betten Sie ein Bild mit HTML in eine Website ein

Es ist notwendig

  • - Zugang zum Internet;
  • - Bild.

Anleitung

Schritt 1

Es wird angenommen, dass eine direkte Veröffentlichung von Bildern, die auf einem Computer gespeichert sind, möglich ist. Dies ist ein Fehler: Wenn Ihr Computer kein 24/7-Server ist, wird das Bild nicht in der Nachricht angezeigt.

Schritt 2

Laden Sie das Bild in einen speziellen Speicher wie Yandex.fotka oder Ipicture.ru hoch. Es ist wichtig, dass die Datei sichtbar und immer online ist. Öffnen Sie das Bild auf der Seite der Zielsite und kopieren Sie die URL aus der entsprechenden Zeile.

Schritt 3

Beginnen Sie mit dem Verfassen Ihrer Nachricht im HTML-Modus. Fügen Sie die folgenden Tags ein:. Fügen Sie anstelle des Passes die kopierte Adresse der Grafikdatei ein.

Schritt 4

Überprüfen Sie das korrekte Einfügen im Vorschaumodus. Die Datei sollte im Fenster in ihrer Originalgröße angezeigt werden. Wenn kein Bild vorhanden ist, überprüfen Sie die Richtigkeit der eingegebenen Adresse.

Schritt 5

Wenn Sie ein großes Bild hochgeladen haben und es maßstabsgetreu anzeigen möchten, passen Sie die Tags an. Fügen Sie nach dem schließenden Anführungszeichen ein width = oder height = Tag ein und danach die gewünschte Größe in Pixeln. Z. B:. In diesem Fall erhalten Sie ein vertikal ausgerichtetes Bild mit einer Höhe von 800 Pixeln.

Schritt 6

Beim Styling mit den folgenden Tags wird die Größe nicht angepasst, sondern es erscheint ein Rahmen um das Bild:. Die Rahmenfarbe ist rot, die Dicke beträgt 5 Pixel. Ändern Sie die entsprechenden Optionen entsprechend den gewünschten Farben und Größen.

Empfohlen: