Heim > Artikel > Web-Frontend > Wie definiere ich Bilder und ihre Bildgrößen in HTML?
Wie definiere ich Bilder und ihre Bildgrößen in HTML?
- 藏色散人Original
- 2018-08-25 16:37:5716477Durchsuche
Beim Erstellen von HTML-Webseiten sind Bildreferenzen unerlässlich. Wie wird also das HTML-Definitionsbild geschrieben? Wie werden Größe und Breite von Bildern mithilfe von HTML-Code gesteuert? In diesem Artikel erhalten Sie eine detaillierte Einführung in das relevante Wissen über HTML-Bild-Tags und wie HTM die Bildgröße definiert. Ich hoffe, es hilft den Bedürftigen.
Das spezifische Codebeispiel des HTML-Definitionsbildes lautet wie folgt:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html图像标签使用示例</title> </head> <body> <p> 一个图像: <img src="/upload/course/000/000/010/58046a2b7e46d104.gif" alt="Smiley face" width="32" style="max-width:90%"></p> <p> 一个动图: <img src="/upload/course/000/000/010/58046a41c6e3c115.gif" alt="Computer man" width="48" style="max-width:90%"></p> <p> 注意HTML定义图像和插入动图的语法是一样的。 </p> </body> </html>
Der Effekt ist wie folgt:
Das Obige ist ein einfaches Beispiel für die Verwendung von HTML zum Anzeigen von Bildern auf einer Webseite.
Das Folgende ist ein Beispiel dafür, wie ein Bild vom Server abgerufen und angezeigt wird:
<p>一个来自文件夹中的图像:</p> <img src="/upload/course/000/000/010/58046b14a8b9f738.gif" alt="Google Chrome" width="33" style="max-width:90%"><p>一个来自php中文网的图像:</p> <img src="/upload/course/000/000/010/58046c29b47ef575.png" alt="php.cn" width="336" style="max-width:90%">
Der Effekt ist wie folgt:
Durch die obige Beschreibung sollte jeder ein wichtiges Etikett gesehen haben.
-Tag:
In HTML wird ein Bild durch das -Tag definiert, das ein leeres Tag ist, das nur Attribute enthält und kein schließendes Tag hat. Um ein Bild auf der Seite anzuzeigen, müssen Sie das Quellattribut (src) verwenden. src bezieht sich auf „Quelle“. Der Wert des Quellattributs ist die URL-Adresse des Bildes.
Sie sollten hier auch die Attribute width und height beachten, die die Breite bzw. Höhe des Bildes darstellen. Die Beherrschung dieser beiden Attribute kann Anfängern dabei helfen, das Problem zu lösen, wie man mit HTML die Größe von Bildern definiert, also die Größe der durch HTML-Code angezeigten Bilder steuert.
Zusammenfassend hoffe ich, dass es für alle hilfreich sein wird, zu lernen, wie man HTML-Bild-Tags verwendet und wie man Bildgrößen in HTML definiert.
Das obige ist der detaillierte Inhalt vonWie definiere ich Bilder und ihre Bildgrößen in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!