So vergrößern Sie Bilder in HTML-HTML-Tutorial-php.cn

So vergrößern Sie Bilder in HTML

WBOY

Freigeben： 2021-12-23 14:24:30

Original

17096 Leute haben es durchsucht

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 „".

So vergrößern Sie Bilder in HTML

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>

Nach dem Login kopieren

Ausgabeergebnis:

So vergrößern Sie Bilder in HTML

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!