Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menentukan URL imej untuk digunakan dalam situasi berbeza dalam HTML?

Bagaimana untuk menentukan URL imej untuk digunakan dalam situasi berbeza dalam HTML?

WBOYke hadapan: 2023-08-26 23:21:121158semak imbas

Gunakan atribut srcset untuk menentukan URL imej untuk digunakan dalam situasi berbeza dalam HTML.

Contoh h2>

Anda boleh cuba jalankan kod berikut untuk melaksanakan atribut srcset. Ubah saiz pelayar anda untuk melihat imej yang berbeza dimuatkan -

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content="width=device-width, initial-scale = 1.0">
   </head>
   <body>
      <picture>
         <source media = "(min-width: 550px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/3d_animation_online_training/380_course_211_image.jpg">
         <source media = "(min-width: 400px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg">
         <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" alt = "Tutorials Library" style = "width:auto;">
      </picture>
   </body>
</html>

Atas ialah kandungan terperinci Bagaimana untuk menentukan URL imej untuk digunakan dalam situasi berbeza dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Mendedahkan Kedalaman Reka Bentuk, Bahagian 1Artikel seterusnya：Mendedahkan Kedalaman Reka Bentuk, Bahagian 1

Artikel berkaitan

Lihat lagi