Maison >interface Web >tutoriel HTML >Comment spécifier l'URL d'une image à utiliser dans différentes situations en HTML ?
Comment spécifier l'URL d'une image à utiliser dans différentes situations en HTML ?
- WBOYavant
- 2023-08-26 23:21:121153parcourir
Utilisez l'attribut srcset pour spécifier l'URL d'une image à utiliser dans différentes situations en HTML.
Exemple h2>
Vous pouvez essayer d'exécuter le code suivant pour implémenter l'attribut srcset. Redimensionnez votre navigateur pour voir différentes images se charger -
<!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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Révéler la profondeur du design, partie 1Article suivant：Révéler la profondeur du design, partie 1