Bild-Tag für HTML-Webseite

src Quelldatei des Bildes alt Hinweistext width, height Breite, Höhe border Rand vspace Vertikaler Abstand hspace Horizontaler Abstand align Ausrichtung dynsrc Legt die Wiedergabe der AVI-Datei fest loop Legt die Anzahl der Schleifenwiedergaben der AVI-Datei fest loopdelay Legt die Verzögerung für die Schleifenwiedergabe der AVI-Datei fest start Legt den Wiedergabemodus der AVI-Datei fest lowsrc Legt das Bild mit niedriger Auflösung fest usemap Imagemap Bildquelldateiattribute SRC
Indem Sie den Pfad der Bildquelldatei mit dem src-Attribut angeben, können Sie die Bildeinfügung abschließen.

Grundlegende Syntax <img src="Dateiname"> Syntaxerklärung: Der Pfad wird über das src-Attribut angegeben und File_name ist der Pfad, in den das Bild eingefügt werden soll. Dateibeispiel: 9-1.htm
Fügen Sie Bilder über das src-Attribut des <img>-Tags ein.
01 
02 
03 
04 
05 <html>
06 <Kopf>
07 <title>Bild einfügen</title>
08 </head>
09 <Text>
10 <h1>Mainstream-Webdesign-Software</h1>
11 <img src="9-1.JPG">
12 Die Webseitentechnologie hat derzeit eine neue Stufe erreicht. Webseiten sind nicht mehr nur ein Haufen Bilder und langweiliger Texte. Die Leute streben jetzt nach dynamischen Effekten und Interaktivität von Webseiten. Die drei Webdesign-Softwareprogramme von Macromedia, Dreamweaver, Flash und Fireworks, sind herausragende Vertreter des interaktiven Webdesigns. Die neueste Version mx 2004 übernimmt die Vorteile der vorherigen Versionen und integriert die Funktionen weiter, was den Anforderungen des Webdesigns und der Website-Erstellung sehr gut entspricht. <p>
13 </body>
14 </html> Die Dateibeschreibungszeile 11 fügt eine JPEG-Bilddatei ein.

Vorherige Seite 1 2 3 4 5 6 7 8 Nächste Seite Gesamten Artikel lesen

Bild-Tag <IMG> einfügen Die farbenfrohen Webseiten, die wir heute sehen, sind ausschließlich auf die Rolle von Bildern zurückzuführen. Wenn Sie an die Vergangenheit zurückdenken, als das Internet voller einfacher Texte war, die sehr langweilig waren, werden Sie die Bedeutung von Bildern im Webdesign verstehen. Bilder können in HTML-Seiten eingefügt werden. Die am häufigsten verwendeten Bildformate auf Webseiten sind JPEG und GIF: JPEG (Joint Photographic Experts Group) ist ein Dateiformat, das speziell für fotografische Bilder entwickelt wurde. JPEG unterstützt Millionen von Farben. JPEG ist ein verlustbehaftetes Format, was bedeutet, dass bei der Komprimierung einige Bilddaten verloren gehen, was die Qualität der endgültigen Datei verringert. Allerdings sind die verlorenen Bilddaten so gering, dass die Qualitätsunterschiede kaum spürbar sind. Graphics Interchange Format (GIF) ist ein sehr beliebtes Format für Webseitenbilder. Obwohl es nur 256 Farben enthält, bietet GIF eine hervorragende, nahezu verlustfreie Bildkomprimierung. Und GIF kann transparente Bereiche und mehrere Animationen enthalten. Dabei werden Pixelreihen horizontal gescannt, um Bereiche mit fester Farbe zu finden, die komprimiert werden sollen. Anschließend wird die Anzahl der Pixel im selben Bereich reduziert. Daher eignet sich GIF im Allgemeinen für Cartoons, Grafiken, Logos, Grafiken mit transparenten Bereichen, Animationen usw. Das Einfügen von Bildern in eine Seite kann diese verschönern. Es gibt nur ein Tag zum Einfügen von Bildern, nämlich das <img>-Tag. Beim Einfügen eines Bildes reicht es nicht aus, nur das Tag <img> zu verwenden; es sind weitere Attribute erforderlich, wie in der folgenden Tabelle gezeigt.	Eigentum	beschreiben

<<: Beispiel für die CSS3-Clear-Float-Methode

>>: jQuery realisiert Bildhervorhebung

Implementierung der Funktion zum Hinzufügen einer Besuchszählung im GitHub+Jekyll-Blog in einer Minute mit JS

Bild-Tag für HTML-Webseite

Implementierung der Funktion zum Hinzufügen einer Besuchszählung im GitHub+Jekyll-Blog in einer Minute mit JS

Das WeChat-Applet implementiert einen einfachen Rechner

Express implementiert Login-Verifizierung

So implementieren Sie den Nginx-Reverse-Proxy für mehrere Server

Docker-Konfiguration Alibaba Cloud Image Acceleration Pull-Implementierung

JavaScript implementiert coole Mouse-Tailing-Effekte

So verarbeiten Sie sehr große Formularbeispiele mit Vue+ElementUI

So bereinigen Sie den MySQL-Speicherplatz in der Alibaba Cloud

Detailliertes Tutorial zum Herunterladen und Installieren von mysql8.0.21

Sechs Möglichkeiten, die Größe von Docker-Images zu reduzieren

Artikel empfehlen

Vue Shuttle-Box ermöglicht Auf- und Abbewegung

Einführung in die Verwendung des http-equiv-Attributs im Meta-Tag

Mysql NULL verursachte die Grube

26 häufig vergessene CSS-Tipps

Beispiel für die Implementierung einer virtuellen Liste im WeChat Mini-Programm

Was ist schneller: MySQL-Volltextindex, gemeinsamer Index, Like-Abfrage und JSON-Abfrage?

MySQL Series 7 MySQL-Speicher-Engine

js zur Implementierung einer Interferenz mit Verifizierungscodes (statisch)

Vue implementiert Drag & Drop oder Klicken zum Hochladen von Bildern

Detaillierte Erläuterung der Nginx-Weiterleitungssocket-Portkonfiguration

Detaillierte Verwendung des Docker-Maven-Plugins

18 Tipps zur Konfiguration des Nginx-Proxy-Cache, die Betreiber kennen müssen (welche kennen Sie?)

So mounten Sie eine neue Festplatte auf einem Linux-Cloud-Server

Zusammenfassung zum Erlernen von Docker-Befehlen in einem Artikel

Installieren und Bereitstellen von Java8 und MySQL unter CentOS7