So Vergrößern Sie Ein Bild In Html

Inhaltsverzeichnis:

So Vergrößern Sie Ein Bild In Html
So Vergrößern Sie Ein Bild In Html

Video: So Vergrößern Sie Ein Bild In Html

Video: So Vergrößern Sie Ein Bild In Html
Video: HTML u0026 CSS Tutorial für Anfänger 5 - Bildgröße verändern 2024, Kann
Anonim

Sie können die Größe des auf der Seite angezeigten Bildes ändern, indem Sie die entsprechenden Attribute für das Tag angeben

die für die Darstellung der Grafiken auf der HTML-Seite verantwortlich ist. Das Erhöhen oder Verringern erfolgt über die Attribute width und height.

So vergrößern Sie ein Bild in html
So vergrößern Sie ein Bild in html

Bild einfügen

Fügen Sie der Seite vor der Bearbeitung ein Bild hinzu, indem Sie Tags angeben

… Um ein HTML-Dokument zu bearbeiten, müssen Sie die Seite in einem beliebigen Texteditor öffnen. Klicken Sie mit der rechten Maustaste auf die Datei und wählen Sie das Attribut "Öffnen mit" - "Notepad". Sie können auch einen anderen Editor angeben, der für Sie zum Ändern des Codes bequemer ist.

Gehen Sie zum Dokumentbereich und suchen Sie das Tag

… Wenn das Bild noch nicht zur Seite hinzugefügt wurde, geben Sie den folgenden Code ein:

Der Pfad zur Bilddatei kann entweder relativ oder absolut sein. Das Attribut alt="Image" ist für den Namen des Bildes und das Hinzufügen einer Bildunterschrift verantwortlich, die angezeigt wird, wenn sich der Mauszeiger über dem Bild befindet.

Größenänderung

Um das Bild zu vergrößern, legen Sie die entsprechenden Parameter für Breite und Höhe fest, indem Sie dem Image-Tag Attribute hinzufügen:

Der Parameter width entspricht der Breite des Bildes, und height enthält den Indikator für die Höhe des Bildes. In diesem Fall wird beim Öffnen der Seite ein Bild mit einer Breite von 300 Pixeln und einer Höhe von 350 Pixeln im Browserfenster angezeigt. Sie können auch die Attribute hspace und vspace hinzufügen, um die Formatierungseinstellungen auf der Seite zu ändern:

In diesem Deskriptor wurden horizontale (hspace) und vertikale (vspace) Ränder des Bildes angegeben. Jeder Text, der der Seite hinzugefügt wird, wird horizontal um 5 Pixel und vertikal um 10 Pixel vom Bild entfernt. Das Attribut border ist dafür verantwortlich, einen 1-Pixel-Rahmen um das Bild herum zu erzeugen.

Es ist zu beachten, dass die Größe des Bildes nicht nur in Pixeln, sondern auch in Prozent relativ zur Größe des Browserfensters eingestellt werden kann. Beispielsweise:

Als Ergebnis der Arbeit dieses Codes wird das Bild über die gesamte Breite des Fensters gestreckt. Es ist erwähnenswert, dass das Bild in diesem Fall verzerrt werden kann. Die vergrößerte Darstellung des Bildes hängt von der Qualität des Bildes selbst ab.

Speichern Sie die vorgenommenen Änderungen mit der Funktion "Datei" - "Speichern" des Fensters "Notizblock". Überprüfen Sie die Anzeige des Bildes im Browserfenster, indem Sie die HTML-Datei mit einem Rechtsklick öffnen und die Option "Öffnen mit" wählen. Wählen Sie in der Liste der vorgeschlagenen Optionen das Programm aus, mit dem Sie im Internet surfen. Sie können die HTML-Datei beliebig oft bearbeiten, um die Bildgröße anzupassen.

Empfohlen: