Bild-Tag für HTML-Webseite

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 <!-- Dateibeispiel: 9-1.htm -->
03 <!-- Dateibeschreibung: Bild einfügen-->
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

Artikel empfehlen

Analyse der zum Ausführen von Docker erforderlichen Berechtigungen

Zum Ausführen von Docker sind Root-Rechte erforde...

Zusammenfassung der grundlegenden allgemeinen MySQL-Befehle

Inhaltsverzeichnis Grundlegende allgemeine MySQL-...

CentOS8-Netzwerkkarten-Konfigurationsdatei

1. Einleitung CentOS8-Systemupdate, die neue Vers...

Natives JS zum Erzielen von Jalousie-Spezialeffekten

In diesem Artikel wird ein Jalousie-Spezialeffekt...

WeChat-Applet zur Bestimmung, ob die Mobiltelefonnummer legal ist Beispielcode

Inhaltsverzeichnis Szenario Wirkung Code Zusammen...

So unterstützen Sie ApacheBench mehrere URLs

Da der Standard-AB nur Stresstests für eine einze...

Vue verbessert die Seitenantwortgeschwindigkeit durch Lazy Loading

Inhaltsverzeichnis Überblick Was ist Lazy Loading...

Die wichtigsten Unterschiede zwischen MySQL 4.1/5.0/5.1/5.5/5.6

Einige Befehlsunterschiede zwischen den Versionen...

Beispiel für eine MySQL-Datenbank-übergreifende Transaktions-XA-Operation

In diesem Artikel wird die MySQL-Datenbank-übergr...