Rumah > Artikel > hujung hadapan web > Bagaimana untuk membesarkan gambar dalam html
Bagaimana untuk membesarkan gambar dalam html
- WBOYasal
- 2021-12-23 14:24:3017101semak imbas
Kaedah: 1. Gunakan atribut lebar dan tinggi untuk membesarkan imej, sintaks "
" 2. Gunakan gaya dan ubah atribut untuk membesarkan imej, the sintaks "
".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.
Cara membesarkan gambar dalam html
Terdapat dua cara untuk membesarkan gambar dalam html
Satu adalah dengan set semula Ketinggian dan lebar elemen gambar, kali ini atribut lebar dan ketinggian digunakan.
Kaedah kedua ialah menggunakan atribut gaya dan mengubah atribut untuk menetapkan pembesaran elemen imej.
Contohnya adalah seperti berikut:
<!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.Bagaimana untuk membesarkan gambar dalam html" style="max-width:90%"Bagaimana untuk membesarkan gambar dalam html" >
<img src="1115.Bagaimana untuk membesarkan gambar dalam html" style="max-width:90%" alt="Bagaimana untuk membesarkan gambar dalam html" >
</body>
</html>Hasil keluaran:
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Bagaimana untuk membesarkan gambar dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!