Beispiel für das Einfügen eines HTML-Bilds (html add image)
|
Zum Einfügen von Bildern in HTML sind HTML-Tags für deren Anzeige erforderlich. Dies kann mit dem img-Tag erreicht werden. 1. HTML-Bild-Tag-Syntax Code kopieren Der Code lautet wie folgt:<img src="divcss5-logo-201305.gif" width="165" height="60" /> Bildeinführung: Auf src folgt die Bildpfadadresse width Stellen Sie die Bildbreite ein Höhe Stellen Sie die Bildhöhe ein 2. Spezifisches HTML-Bildanzeigebeispiel - TOP Wir fügen in den HTML-Quellcode drei Bilder ein, eines in Originalgröße, eines mit geringerer Breite und Höhe und eines mit größerer Breite und Höhe. 1. Vollständiger HTML-Code des Beispiels: Code kopieren Der Code lautet wie folgt:<!DOCTYPE html> <html> <Kopf> <meta charset="utf-8" /> <title>HTML-Onlinedemonstration zum Einfügen von Bildern <a href="http://www.vcss.com</title">www.vcss.com</title</a>> </Kopf> <Text> <p>Großes Originalbild</p> <p> <img src="divcss5-logo-201305.gif" width="165" height="60" /> </p> <p>Kleines Bild</p> <p> <img src="divcss5-logo-201305.gif" width="105" height="30" /> </p> <p>Bild vergrößern</p> <p> <img src="divcss5-logo-201305.gif" width="365" height="120" /> </p> </body> </html> 2. Screenshot eines HTML-Beispiels zum Einfügen von Bildern
Screenshot eines Beispiels für die Anzeige der HTML-Bildeinfügung |
<<: Probleme bei der Konfiguration von https-Server und Reverse-Proxy mit Nginx unter Windows
>>: Tipps, wie Sie aus Pixeln umfassende Markenerlebnisse machen
Artikel empfehlen
So konfigurieren Sie MySQL auf einem Ubuntu 16.04-Server und aktivieren die Remote-Verbindung
Hintergrund Ich lerne vor Kurzem nodejs und mir f...
Zusammenfassung der sieben grundlegenden XHTML-Codierungsregeln
1. Alle Tags müssen ein entsprechendes End-Tag hab...
Lösen Sie das Problem, dass der häufig verwendete Linux-Befehl "ll" ungültig ist oder der Befehl nicht gefunden wird
Frage: Der häufig verwendete Befehl "ll"...
Responsive Webdesign lernen (2) — Können Videos responsiv gemacht werden?
Rezension der vorherigen Folge: Gestern haben wir...
CSS realisiert den Prozessnavigationseffekt (drei Methoden)
CSS realisiert den Prozessnavigationseffekt. Der ...
Datenstruktur - Baum (III): Mehrweg-Suchbaum B-Baum, B+ Baum
Mehrweg-Suchbaum Höhe eines vollständigen Binärba...
Häufig verwendete höherwertige Funktionen und umfassende Beispiele in Vue
1. Häufig verwendete höherwertige Funktionen von ...
Detaillierter Installationsprozess und grundlegende Verwendung von MySQL unter Windows
Inhaltsverzeichnis 1. MySQL herunterladen 2. MySQ...
JavaScript + HTML zur Implementierung der Sliding-Verifizierung für Front-End-Seiten
In diesem Artikel wird der spezifische Code von J...
Wie können die Transaktionseigenschaften von MySQL InnoDB sichergestellt werden?
Vorwort Wenn Sie jemand fragt: „Was sind die Merk...
CentOS 6 verwendet Docker zum Bereitstellen eines Zookeeper-Betriebsbeispiels
Dieser Artikel beschreibt, wie man mit Docker Zoo...
Installationsmethode für komprimierte MySQL 5.6-Pakete
Es gibt zwei Installationsmethoden für MySQL: MSI...
Zusammenfassung der Probleme bei der Installation von MySQL 5.7.19 unter Linux
Als ich MySQL zum ersten Mal auf meiner virtuelle...
HTML-Tabellen-Tag-Tutorial (24): horizontales Ausrichtungsattribut der Zeile ALIGN
In horizontaler Richtung können Sie die Zeilenaus...
Sehen Sie sich den Befehl zum Ändern der MySQL-Tabellenstruktur an
Kurzbeschreibung Der Editor hat häufig Probleme m...