


HTML-Tutorial: Einführung in das Ändern von Bildgröße, Ausrichtung, Abstand und Rahmenattributen_HTML/Xhtml_Webseitenproduktion
May 16, 2016 pm 04:40 PM
Um ein Bild in die Seite einzufügen, müssen wir das „img“-Tag verwenden, dessen Attribut „src“ ist
Zum Beispiel Code:

Fazit:

Hier gehen wir davon aus, dass sich die Bilddatei und die HTML-Datei im selben Verzeichnis befinden.
Ebenso können wir den vollständigen Pfad zur Bilddatei angeben.
Zum Beispiel:

Breite und Höhe:
Korrigieren Sie die Größe des auf der Webseite angezeigten Bildes, indem Sie die Breite und Höhe in den Attributen verwenden.
Beispielcode:

Fazit:

Ausrichtung:
Wir können „align“ im Attribut verwenden, um das Bild auszurichten.
Setzen Sie den Attributwert auf: links/rechts/mitte
Beispielcode:


Schlussfolgerung:

Rand:
Wir können „border“ in den Eigenschaften verwenden, um den Rand um das Bild festzulegen. Dies kann genutzt werden, um Platz um das Bild herum zu schaffen.
Beispielcode:

Fazit:


Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; Meter & gt; Element?

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?

Was ist der Zweck des & lt; datalist & gt; Element?

Was ist der Zweck des & lt; Fortschritts & gt; Element?
