Mit HTML können wir Bilder auf Webseiten verwenden und sie attraktiver machen, indem wir verschiedene Stile anwenden. Wenn Sie das Seitenverhältnis des Bildes ändern müssen oder Ihr Bild nicht zu Ihrem Webseitenlayout passt, können Sie es ändern, wenn Sie es ändern. Zu diesem Zweck können Sie das verwenden “Breite" Und "Höhe”Eigenschaften auf der“img" Schild. Diese Eigenschaftswerte können leicht in CSS -Pixeln eingestellt werden.

In diesem Handbuch lernen Sie die Methode zur Größe des Bildes in HTML.

Vor dem Start muss das Bild der HTML -Datei hinzugefügt werden, auf der die Vorlage der Bildgrößenreside ausgeführt wird.

Wie man ein Bild in HTML einbettet?

Verwenden Sie die folgende Syntax, um ein Bild in HTML hinzuzufügen:

Die Beschreibung der oben genannten Syntax wird unten beschrieben. Der "img”Tag verwendet zwei Attribute:

• • "SRC" wird verwendet, um den Pfad (URL) des Bildes bereitzustellen.
  • "Alt" wird verwendet, um den alternativen Text bereitzustellen, wenn das Bild nicht angezeigt wird.

Html

Der folgende Code enthält zwei Divs. Im ersten DIV haben wir einen Übergang in die obere Mitte unserer Webseite als “hinzugefügtBildgröße in HTML”Durch Verwendung der

Schild:

Bildgröße in HTML

Die zweite DIV wird mit der namens Klasse hinzugefügt “ContainerUnd um das Bild in der Mitte darzustellen, haben wir das Tag verwendet. Schreiben Sie in der Mitte den unten erwähnten Code, um ein Bild hinzuzufügen:

Das ausgewählte Bild mit “640*437Das Seitenverhältnis wird so aussehen:

Der nächste Abschnitt zeigt die Methode zur Größe der Größe eines Bildes.

So ändern Sie das Bild in HTML?

Sie können die Größe des Bildes anpassen oder es ändern, indem Sie es verwendenBreite" Und "Höhe”Attribute, um seine Breite und Höhe festzulegen.

Lassen Sie uns nun den Breitenwert des hinzugefügten Bildes als "festlegen300Und sehen, wie es funktioniert:

Es ist ersichtlich, dass die Bildbreite geändert wurde und erfolgreich geändert wurde:

Zusätzlich zur Breite die “HöheDas Attribut kann auch für denselben Zweck verwendet werden. Um den Größenunterschied anzuzeigen, setzen Sie “550”Pixel als Bildhöhe:

Sie können den Unterschied in der Bildgröße eindeutig beobachten:

So werden Breite und Höhenattribute verwendet, um das Bild zu ändern.

Abschluss

In HTML die “Höhe" Und "Breite”Attribute werden zur Größe des Bildes verwendet. Sie können das Standard -Seitenverhältnis des hinzugefügten Bildes ändern, indem Sie die Werte dieser Attribute festlegen. Infolgedessen ist ein klarer Unterschied in Bezug auf die Bildgröße zu beobachten. Dieser Blog hat die Methode gezeigt, um die Größe und Gewichtseigenschaften für die Größe der Größe von Bildern in HTML zu verwenden.