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:  |
<<: JS implementiert die Drag- und Platzhalterfunktionen von Elementen
>>: Implementierung der MySQL-Benutzerrechteverwaltung
Artikel empfehlen
Eine kurze Analyse, wie Sie das Root-Passwort in Linux suse11 ändern können, wenn Sie es vergessen haben
So lösen Sie das Problem des Vergessens des Root-...
Grundlegende Verwendung von UNION und UNION ALL in MySQL
In der Datenbank führen sowohl die Schlüsselwörte...
Implementierung einer Warenkorbfunktion basierend auf Vuex
In diesem Artikelbeispiel wird der spezifische Co...
Lösung für den Fehler bei der Verbindung mit MySQL in Docker
Szenario: Nach der Installation der neuesten Vers...
Nginx verwendet ctx, um Datenfreigabe- und Kontextänderungsfunktionen zu realisieren
Umgebung: init_worker_by_lua, set_by_lua, rewrite...
Implementierung der Codeaufteilung von Webpack3+React16
Projekthintergrund Seit kurzem gibt es ein Projek...
Vue Storage enthält eine Lösung für Boolesche Werte
Vue speichert Speicher mit Booleschen Werten Ich ...
DOCTYPE-Element ausführliche Erklärung vollständige Version
1. Übersicht In diesem Artikel wird das DOCTYPE-E...
Gängige Methoden und Probleme der Docker-Bereinigung
Wenn Sie Docker für die Entwicklung im großen Maß...
Modularität in Node.js, npm-Paketmanager erklärt
Inhaltsverzeichnis Das Grundkonzept der Modularit...
Detaillierte Einführung in CSS-Schrift-, Text- und Listeneigenschaften
1. Schrifteigenschaften Farbe, gibt die Farbe des...
Analyse der MySQL-Absturzwiederherstellung basierend auf Redo Log und Undo Log
Inhaltsverzeichnis MySQL-Absturzwiederherstellung...
Detaillierter Prozess zum Konfigurieren eines HTTPS-Zertifikats unter Nginx
1. Der Unterschied zwischen HTTP und HTTPS HTTP: ...
Inhaltstypbeschreibung, d. h. der Typ des HTTP-Anforderungsheaders
Um den Inhaltstyp zu lernen, müssen Sie zunächst ...
Tutorial zur Installation der PyTorch-Entwicklungsumgebung unter Windows
Anaconda-Installation Anaconda ist ein Softwarepa...