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

Lösung für das Problem „VMware-virtuelle Maschine ohne Netzwerk“

Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...

So importieren Sie txt in MySQL unter Linux

Vorwort Als ich gestern ein kleines Projekt schri...

MySQL InnoDB-Quellcodeanalyse für Transaktionssperren

Inhaltsverzeichnis 1. Schloss und Riegel 2. Wiede...

JS+Canvas zeichnet ein Glücksrad

In diesem Artikel wird der spezifische Code der J...

MySQL-Datenaggregation und -gruppierung

Wir müssen Daten häufig zusammenfassen, ohne sie ...

Fallstudie zur Übermittlung von HTML-Formularen

Um die Methode zur Formularübermittlung zusammenz...

So installieren Sie Redis5.0.3 im Docker

1. Ziehen Sie das offizielle 5.0.3-Image [root@lo...

Vue.js implementiert ein einfaches Faltpanel

In diesem Artikelbeispiel wird der spezifische Co...

So stellen Sie über Navicat eine Remoteverbindung zu MySQL her

Wenn Sie Navicat direkt für die Verbindung über I...

Implementierung eines Web-Rechners mit nativem JavaScript

In diesem Artikel wird der spezifische JavaScript...