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

Der Prozess der Installation von Docker im Linux-System

Detaillierte Erläuterung zum Erstellen eines Nginx-Websiteservers basierend auf CentOS7 (einschließlich der Konfiguration eines virtuellen Webhosts)

1. Nginx-Dienstgrundlage Nginx (Engine x) wurde s...

Lösen Sie schnell das Problem der weißen Lücke (Flash-Bildschirm), wenn CSS @keyframes verwendet, um Bilder für den ersten Zyklus zu laden

Problemerklärung: Wenn Sie die CSS-Eigenschaft „a...

Bild-Tag für HTML-Webseite

Der Prozess der Installation von Docker im Linux-System

Webdesign: Skriptmaterialien rekonstruieren das Benutzererlebnis

MySQL 8.0.19 Win10 - Schnellinstallations-Tutorial

SQL Get gespeicherte Prozedur gibt Datenprozessanalyse zurück

Vollständige Schritte zur Installation von mysql5.7 auf dem Mac (mit Bildern und Text)

Verwendung regulärer Ausdrücke in CSS-Selektoren

Eine kurze Diskussion zur Auftragsrekonstruktion: MySQL-Sharding

Zusammenfassung der XHTML-Anwendung im Webdesign-Studium

Detaillierte Erklärung, warum die langsame Abfrageprotokollzeit von MySQL 5.7 8 Stunden hinter der Systemzeit liegt

JavaScript implementiert die Maussteuerung eines frei beweglichen Fensters

Artikel empfehlen

Drei Möglichkeiten zur Kommunikation zwischen Docker-Containern

Erfahren Sie mehr über die Verwendung regulärer Ausdrücke in JavaScript

Vue implementiert einen einfachen Lupeneffekt

Die HTML-Tag-ID kann eine Variable sein

ByteDance-Interview: So implementieren Sie mit JS die gleichzeitige Anforderungssteuerung von Ajax

Detaillierte Erläuterung zum Erstellen eines Nginx-Websiteservers basierend auf CentOS7 (einschließlich der Konfiguration eines virtuellen Webhosts)

Implementierung des Imports und Exports von Docker-Images

Wie Sie die redundanten Felder der Datenbank sinnvoll nutzen

CentOS 8 Installationshandbuch für Zabbix 4.4

Lösung für den Überlauf der HTML-Tabelle

Lösen Sie schnell das Problem der weißen Lücke (Flash-Bildschirm), wenn CSS @keyframes verwendet, um Bilder für den ersten Zyklus zu laden

js, um einen 3D-Karusselleffekt zu erzielen

Natives Javascript+CSS, um den Karusselleffekt zu erzielen

Beispiel zum Deaktivieren der Browser-Cache-Konfiguration im Vue-Projekt

Detaillierte Analyse des Tomcat-Servers des Centos 7-Systems