So fügen Sie Bilder in HTML ein-HTML-Tutorial-php.cn

So fügen Sie Bilder in HTML ein

青灯夜游

Freigeben： 2023-01-05 16:13:17

Original

97571 Leute haben es durchsucht

In HTML können Sie das img-Tag mit dem src-Attribut verwenden, um Bilder einzufügen. Das Syntaxformat ist „“. Das img-Tag wird verwendet, um Bilder in HTML-Seiten zu definieren und Platzhalter für referenzierte Bilder zu erstellen, und das src-Attribut wird verwendet, um die URL anzugeben, unter der das Bild angezeigt wird.

So fügen Sie Bilder in HTML ein

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

In HTML können Sie das img-Tag verwenden, um Bilder einzufügen , Syntax:

<img  src="图片文件路径" / alt="So fügen Sie Bilder in HTML ein" >

Nach dem Login kopieren

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="So fügen Sie Bilder in HTML ein" >
	</body>
</html>

Nach dem Login kopieren

Darstellung:

So fügen Sie Bilder in HTML ein

HTML -Tag

So fügen Sie Bilder in HTML ein

So fügen Sie Bilder in HTML ein -Tag hat zwei erforderliche Attribute: src und alt.

Hinweis: Technisch gesehen werden Bilder nicht in die HTML-Seite eingefügt, sondern mit dieser verlinkt. Das So fügen Sie Bilder in HTML ein -Tag erstellt einen Platzhalter für das referenzierte Bild.

Tipp: Fügen Sie einen Link zu einem anderen Dokument hinzu, indem Sie ein So fügen Sie Bilder in HTML ein -Tag verschachteln.

Attributwert:

Attribute	Wert	Beschreibung
ausrichten	oben unten Mitte links rechts	HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. Gibt an, wie Bilder basierend auf dem umgebenden Text angeordnet werden.
loading	eager: Sofort laden lazy: Lazy Loading	Gibt an, ob der Browser Bilder sofort oder verzögert laden soll.
alt	text	Gibt den Alternativtext für das Bild an.
Rand	Pixel	HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. Gibt den Rand um das Bild an.
crossorigin	anonym use-credentials	Legen Sie die domänenübergreifenden Attribute des Bildes fest.
Höhe	Pixel	Geben Sie die Höhe des Bildes an.
hspace	Pixel	HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. Gibt den Leerraum auf der linken und rechten Seite des Bildes an.
ismap	ismap	spezifiziert Bilder als serverseitige Bildkarten.
longdesc	URL	HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. URL, die auf ein Dokument verweist, das eine lange Bildbeschreibung enthält.
src	URL	Gibt die URL zur Anzeige des Bildes an.
usemap	#mapname	definiert ein Bild als clientseitige Bildkarte.
vspace	Pixel	HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. Gibt den Leerraum oben und unten im Bild an.
width	pixels	Gibt die Breite des Bildes an.

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo fügen Sie Bilder in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!