Wie Erstelle Ich Ein Bild In Html

Inhaltsverzeichnis:

Wie Erstelle Ich Ein Bild In Html
Wie Erstelle Ich Ein Bild In Html

Video: Wie Erstelle Ich Ein Bild In Html

Video: Wie Erstelle Ich Ein Bild In Html
Video: HTML erklärt #4 Bilder einfügen 2024, Kann
Anonim

HTML ist eine Auszeichnungssprache, die zum Erstellen von Internetseiten verwendet wird. Es kann verwendet werden, um die Anzeige verschiedener Elemente, einschließlich Bilder, anzupassen. Die Einstellung der Darstellung von Bildern in HTML erfolgt über ein spezielles Tag.

Wie erstelle ich ein Bild in html
Wie erstelle ich ein Bild in html

Anleitung

Schritt 1

Öffnen Sie Ihre HTML-Datei mit dem Texteditor, den Sie zum Bearbeiten von Webseiten verwenden. Wenn Sie keine HTML-Datei haben, erstellen Sie diese mit einem Linksklick auf den Desktop oder in den gewünschten Ordner und klicken Sie auf das Menü "Neu" - "Textdokument". Geben Sie einen Dateinamen ein und fügen Sie die HTML-Erweiterung nach dem Punkt hinzu. Klicken Sie dann erneut mit der rechten Maustaste auf das Dokument und wählen Sie "Öffnen mit" - "Notizblock". Sie sehen ein leeres Dokument, in das Sie HTML-Code einfügen können.

Schritt 2

Um ein Bild in HTML zu erstellen, wird ein Tag verwendet, das in einem Abschnitt zur Anzeige platziert werden muss. Beispielsweise:

Bild in HTML

Schritt 3

Das Tag ist nicht schließend und erfordert kein schließendes Tag. Sein Hauptparameter, der verwendet werden muss, ist src, der den Pfad zur gewünschten Bilddatei festlegt. Sie können in dieser Zeile sowohl den vollständigen (mit https://) als auch den relativen Pfad (zB /pictures/img.jpg) zu der Bilddatei angeben, die Sie platzieren möchten.

Schritt 4

Ein weiterer wichtiger Parameter ist alt, der den Namen des Bildes und seine Identifizierung auf der Seite definiert. Dieser Name wird angezeigt, wenn der Benutzer mit der Maus über das Bild fährt.

Schritt 5

Sie können auch die Attribute width und height verwenden, um Bildparameter festzulegen. Die erste Einstellung ist für die Länge und die zweite für die Höhe des Bildes auf der Seite verantwortlich. Dieser Parameter wird in Pixeln angegeben. So kann das Tag & img> gesetzt werden:

Schritt 6

Mit diesem Tag wird ein Bild erstellt, dessen Pfad im src-Attribut aufgezeichnet wird. Wenn Sie mit der Maus über das Bild fahren, sehen Sie die Meldung "Bildname". In diesem Fall ist das Bild 300 Pixel breit und 250 Pixel hoch. Alle oben genannten Parameter können Sie nach Belieben einstellen.

Schritt 7

Speichern Sie die Änderungen an der Datei mit der Funktion "Datei" - "Speichern". Öffnen Sie das Dokument in einem Browser, um zu überprüfen, ob das Bild erfolgreich in HTML erstellt wurde. Klicken Sie dazu mit der rechten Maustaste auf die Datei und wählen Sie den Abschnitt "Öffnen mit" und klicken Sie dann auf die Zeile mit dem Namen Ihres Browsers. Die HTML-Bilderstellung ist abgeschlossen.

Empfohlen: