Bagaimana untuk menggunakan imej animasi dalam halaman HTML?-html tutorial-php.cn

Bagaimana untuk menggunakan imej animasi dalam halaman HTML?

PHPz

Lepaskan： 2023-08-24 08:13:03

ke hadapan

2712 orang telah melayarinya

Imej animasi dalam HTML ialah imej yang bergerak pada halaman web. Ia adalah dalam format GIF, atau fail Graphics Interchange Format.

Kita perlu menambah imej animasi menggunakan teg dan atribut src dalam HTML. Atribut src menambah URL (lokasi fail) imej

Selain itu, kami juga boleh menetapkan ketinggian dan lebar imej menggunakan atribut ketinggian dan lebar.

Bagaimana untuk menggunakan imej animasi dalam halaman HTML?

Tatabahasa

<image src=”Animated image”>

Salin selepas log masuk

Contoh 1

Berikut ialah contoh yang menunjukkan cara menggunakan imej animasi dalam halaman HTML -

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <p>Adding Animated Images to the web page</p>
   <img  src="https://tutorialspoint.com/images/html.gif" alt="Bagaimana untuk menggunakan imej animasi dalam halaman HTML?" >
</body>
</html>

Salin selepas log masuk

Contoh 2

Diterjemah ke Bahasa Cina:

Contoh 2

Anda boleh cuba menjalankan arahan berikut untuk memproses imej animasi dalam HTML -

<!DOCTYPE html>
<html>
<head>
   <title>Animated Image</title>
</head>
<body>
   <h1>Animated Image</h1>
   <img  src="https://media.giphy.com/media/3o6UBpHgaXFDNAuttm/giphy.gif" alt="Bagaimana untuk menggunakan imej animasi dalam halaman HTML?" >
</body>
</html>

Salin selepas log masuk

Contoh 3

Kami boleh menukar ketinggian dan lebar imej animasi menggunakan helaian gaya.

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <p> dding Animated Images to the web page</p>
   <img  src="https://tutorialspoint.com/images/html.gif"    style="max-width:90%"  style="max-width:90%" alt="Bagaimana untuk menggunakan imej animasi dalam halaman HTML?" >
</body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menggunakan imej animasi dalam halaman HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!