Jour LML-js tutoriel-php.cn

Jour LML

PHPz

Libérer： 2024-08-06 10:45:00

original

1192 Les gens l'ont consulté

Day TML

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">

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!