Journée lente par rapport à hier.
J'ai commencé par un rappel du sujet d'hier, puis je suis passé au sujet d'aujourd'hui
A étudié les médias HTML
Images, audio, vidéos...
(JOIGNERA LE PROJET PLUS TARD CAR J'AI DES PROBLÈMES AVEC GITHUB)
*Mes notes : *
Incorporation d'images
Pour intégrer une image en HTML, utilisez l'option étiqueter. Cette balise se ferme automatiquement et nécessite l'attribut src pour spécifier le chemin de l'image et l'attribut alt pour fournir un texte alternatif pour l'accessibilité.
Exemple :
<img src="path/to/image.jpg" alt="Description of image" width="600" height="400">
src : Chemin d'accès au fichier image (URL relative ou absolue).
alt : Description textuelle de l'image (important pour l'accessibilité et le référencement).
largeur et hauteur : attributs facultatifs pour spécifier les dimensions.
Intégration de l'audio
Pour intégrer de l'audio, utilisez l'option
Exemple :
<audio controls>
<source src="path/to/audio.mp3" type="audio/mpeg">
<source src="path/to/audio.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
contrôles : affiche les contrôles de lecture.
: Spécifie le fichier audio et son type MIME.
Intégration de vidéo
Pour intégrer une vidéo, utilisez l'option
<video width="600" height="400" controls>
<source src="path/to/video.mp4" type="video/mp4">
<source src="path/to/video.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
largeur et hauteur : Précise les dimensions du lecteur vidéo.
contrôles : affiche les contrôles de lecture.
: Spécifie le fichier vidéo et son type MIME.
Tous ensemble
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Media Embedding Example</title>
</head>
<body>
<h1>Embedding Images, Audio, and Video in HTML</h1>
<h2>Image Example</h2>
<img src="path/to/image.jpg" alt="Beautiful Landscape" width="600" height="400">
<h2>Audio Example</h2>
<audio controls>
<source src="path/to/audio.mp3" type="audio/mpeg">
<source src="path/to/audio.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
<h2>Video Example</h2>
<video width="600" height="400" controls>
<source src="path/to/video.mp4" type="video/mp4">
<source src="path/to/video.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
Terminé
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!
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
