Heim >Web-Frontend >HTML-Tutorial >Beispiel für das Einfügen von Bildern in HTML (Hinzufügen von Bildern zu HTML)_HTML/Xhtml_Webseitenproduktion

Beispiel für das Einfügen von Bildern in HTML (Hinzufügen von Bildern zu HTML)_HTML/Xhtml_Webseitenproduktion

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:37:592452Durchsuche

Bilder in HTML einfügen. Um Bilder anzuzeigen, benötigen Sie HTML-Tags. Sie können das img-Tag verwenden.

1. HTML-Bild-Tag-Syntax


Code kopieren
Der Code lautet wie folgt:

Beispiel für das Einfügen von Bildern in HTML (Hinzufügen von Bildern zu HTML)_HTML/Xhtml_Webseitenproduktion

img-Einführung:

Auf

src folgt die Bildpfadadresse

width legt die Bildbreite fest

Höhe legt die Bildhöhe fest

2. Spezifisches Beispiel für die HTML-Bildanzeige – TOP

Wir fügen drei Bilder in den HTML-Quellcode ein, eines in Originalgröße, eines mit geänderter Breite und Höhe in „Klein“ und eines mit geänderter Breite und Höhe in „Groß“.

1. Der vollständige HTML-Code des Beispiels:


Kopieren Sie den Code
Der Code lautet wie folgt:

;Bildeinfügung in HTML-Online-Demonstration< ;a href="http://www.vcss.com">www.vcss.com> 🎜>

Original großes Bild


165" height="60 " />


Ändern Sie das Bild in eine kleinere Größe



Beispiel für das Einfügen von Bildern in HTML (Hinzufügen von Bildern zu HTML)_HTML/Xhtml_Webseitenproduktion


Ändern Sie das Bild in eine größere Größe

🎜>


Beispiel für das Einfügen von Bildern in HTML (Hinzufügen von Bildern zu HTML)_HTML/Xhtml_Webseitenproduktion

body>



2



Screenshot eines Anzeigebeispiels für das Einfügen von HTML-Bildern
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn