HTML-Tutorial: So ändern Sie Bildgröße, Ausrichtung, Abstand und Rahmenattribute

HTML-Tutorial: So ändern Sie Bildgröße, Ausrichtung, Abstand und Rahmenattribute
Bild-Tag : <img>
Um ein Bild in eine Seite einzufügen, müssen wir das Tag „img“ verwenden, dessen Attribut „src“ ist.
Beispielcode:
<img src="test.jpg">
abschließend:


Hierbei gehen wir davon aus, dass sich die Bilddateien und die HTML-Dateien im selben Verzeichnis befinden.
Ebenso können wir den vollständigen Pfad der Bilddatei angeben.
Zum Beispiel:
<img src="C:\bilder\test.jpg">
Breite und Höhe:
Zeigen Sie das Bild mithilfe der Breiten- und Höheneigenschaften korrekt auf der Webseite an.
Beispielcode:
<img src="test.jpg" Breite=100 Höhe=100>
abschließend:


Ausrichtung:
Wir können das Bild mit der Eigenschaft „align“ ausrichten.
Legen Sie den Eigenschaftswert fest auf: links/rechts/zentriert
Beispielcode:
<img src="test.jpg" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" align=left> <img src="test.jpg" align=right alt="html-Datei">
abschließend:



rahmen:
Mit der Eigenschaft „border“ können wir einen Rahmen um das Bild setzen. Dies kann verwendet werden, um Platz um ein Bild herum zu schaffen.
Beispielcode:
<img src="test.jpg" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" border=4>
abschließend:
HTML-Tutorial: Bildgröße, Ausrichtung, Abstand und Rahmenattribute ändern

<<:  JS implementiert die Drag- und Platzhalterfunktionen von Elementen

>>:  Implementierung der MySQL-Benutzerrechteverwaltung

Artikel empfehlen

Detaillierte Erklärung der Winkelinhaltsprojektion

Inhaltsverzeichnis Einzelne Inhaltsprojektion Mul...

JavaScript implementiert den Front-End-Countdown-Effekt

In diesem Artikel wird der spezifische JavaScript...

VUE + OPENLAYERS erreicht Echtzeit-Positionierungsfunktion

Inhaltsverzeichnis Vorwort 1. Etikettenstil defin...

Vue-Kapselungskomponententool $attrs, $listeners-Verwendung

Inhaltsverzeichnis Vorwort $attrs Beispiel: $list...

MySQL-Lösung zur funktionalen Indexoptimierung

Bei der Verwendung von MySQL führen viele Entwick...

Beispielcode zur Implementierung eines bildadaptiven Containers mit CSS

Es gibt häufig Szenarien, in denen das Bild an di...

js-Objekt, um einen Daten-Paging-Effekt zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...

JS tiefe und flache Kopierdetails

Inhaltsverzeichnis 1. Was bedeutet „Shallow Copy“...

Eine kurze Analyse der Probleme mit JS-Originalwerten und Referenzwerten

Primitive Werte -> primitive Typen Number Stri...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.27

Das Installationstutorial für MySQL 5.7.27 wird w...

Zusammenfassung einiger wichtiger Punkte zu mysql init_connect

Die Rolle von init_connect init_connect wird norm...