Methode: 1. Verwenden Sie die Attribute width und height, um das Bild zu vergrößern, die Syntax „
“ 2. Verwenden Sie die Attribute style und transform, um das Bild zu vergrößern, die Syntax „".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.
So vergrößern Sie ein Bild in HTML
Es gibt zwei Möglichkeiten, ein Bild in HTML zu vergrößern
Eine besteht darin, die Höhe und Breite des Bildelements zurückzusetzen, dieses Mal mithilfe der Attribute width und height.
Die zweite Methode besteht darin, die Stilattribute und Transformationsattribute zu verwenden, um die Vergrößerung des Bildelements festzulegen.
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<img src="1115.So vergrößern Sie Bilder in HTML" style="max-width:90%"So vergrößern Sie Bilder in HTML" >
<img src="1115.So vergrößern Sie Bilder in HTML" style="max-width:90%" alt="So vergrößern Sie Bilder in HTML" >
</body>
</html>Ausgabeergebnis:
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo vergrößern Sie Bilder in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
