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
Analyse des Prozesses zum Bereitstellen von Python-Anwendungen in Docker-Containern
Einfache Anwendungsbereitstellung 1. Verzeichniss...
52 SQL-Anweisungen, die Ihnen Leistungsoptimierung beibringen
1. Um die Abfrage zu optimieren, sollten Sie voll...
Implementierung der automatischen Konstruktionsweiterleitung von React
Inhaltsverzeichnis Sequenz 1. Zentralisiertes Rou...
Detaillierte Erklärung des Plattformbusses des Linux-Treibers
Inhaltsverzeichnis 1. Einführung in den Plattform...
Eine vollständige Liste häufig verwendeter gemeinsamer Codes für Webseiten (wichtig für das Front-End)
Code kopieren Der Code lautet wie folgt: 1. Sina ...
Verwenden Sie eine SQL-Anweisung, um vor dem Einfügen zu bestimmen, ob der Datensatz bereits vorhanden ist
Inhaltsverzeichnis Ermitteln Sie, ob ein Datensat...
Diskussion über CSS-Stilpriorität und kaskadierende Reihenfolge
Im Allgemeinen : [1 wichtige Flagge] > [4 beson...
Tutorial zur Implementierung der Zwei-Wege-Authentifizierung durch OpenSSL (mit Server- und Client-Code)
1. Hintergrund 1.1 Probleme In einem aktuellen Pr...
Zusammenfassung der Verwendung des CSS-Bereichs (Stilaufteilung)
1. Verwendung des CSS-Bereichs (Stilaufteilung) I...
MySQL 5.6.37 (zip) Download Installationskonfiguration Grafik-Tutorial
In diesem Artikel finden Sie das Download-, Insta...
Einführung in gängige MySQL-Speicher-Engines sowie Parametereinstellung und -optimierung
MyISAM, eine häufig verwendete Speicher-Engine in...
Eine vollständige Aufzeichnung eines Mysql-Deadlock-Fehlerbehebungsprozesses
Vorwort Die Datenbank-Deadlocks, die ich zuvor er...
vue-cli4.5.x erstellt schnell ein Projekt
1. Installieren Sie vue-cli npm ich @vue/cli -g 2...
Linux CentOS6.5 yum installiere mysql5.6
In diesem Artikel wird der einfache Prozess der I...
Detaillierte Erklärung zur Verwendung struktureller Pseudoklassenselektoren und Pseudoelementselektoren in CSS3
Einführung in strukturelle Pseudoklassenselektore...