Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggunakan imej animasi dalam halaman HTML?
Bagaimana untuk menggunakan imej animasi dalam halaman HTML?
- PHPzke hadapan
- 2023-08-24 08:13:032723semak imbas
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 tegSelain itu, kami juga boleh menetapkan ketinggian dan lebar imej menggunakan atribut ketinggian dan lebar.
Tatabahasa
<image src=”Animated image”>
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>
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>
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>
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!