The src Attribute - Tutoriel

Introduction

L'attribut "src" est largement utilisé dans HTML pour spécifier la source d'un élément, principalement des balises telles que `<img>`, `<audio>`, `<video>`, etc. Ce tutoriel explore comment utiliser et personnaliser l'attribut "src".

Exemples

Exemple 1 : Image avec l'attribut "src"

Utilisation de l'attribut "src" pour spécifier la source d'une image :

       <img src="chemin_de_l_image.jpg" alt="Description de l'image">

Exemple 2 : Lecture d'un Fichier Audio

Utilisation de l'attribut "src" pour spécifier la source d'un fichier audio :

       <audio controls>
            <source src="ma_musique.mp3" type="audio/mp3">
            Votre navigateur ne supporte pas l'élément audio.
        </audio>

Exercices avec Corrections

Exercice 1 : Intégration d'une Vidéo

Utilisez l'attribut "src" pour intégrer une vidéo à votre page HTML :

       <video controls width="300">
            <source src="ma_video.mp4" type="video/mp4">
            Votre navigateur ne supporte pas l'élément vidéo.
        </video>

Questions à Choix Multiple (QCM)

Quel attribut est utilisé pour spécifier la source d'une image?
- A. alt
- B. href
- C. src
Réponse correcte : C

Questions & Réponses

Question : Pourquoi est-il important d'utiliser l'attribut "alt" avec l'attribut "src" pour les images?

Réponse : L'attribut "alt" fournit un texte alternatif qui s'affiche si l'image ne peut pas être chargée, améliorant ainsi l'accessibilité.

Études de Cas

Cas d'utilisation : Image en tant que Lien

Transformez une image en lien hypertexte en utilisant l'attribut "src".

       <a href="page_destination.html">
            <img src="mon_image.jpg" alt="Description de l'image">
        </a>

Éléments à Retenir

L'attribut "src" spécifie la source d'un élément, comme une image, une audio, une vidéo, etc.
Pour les images, l'attribut "alt" est important pour l'accessibilité.
Différents éléments HTML peuvent utiliser l'attribut "src" pour afficher du contenu média.

Proposition d'un Examen avec Correction

Quel attribut est utilisé pour spécifier la source d'une image?
- A. alt
- B. href
- C. src
Correction : C

Afficher le Contenu de la Réponse sous Forme d'une Page HTML

       <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Réponses The src Attribute</title>
        </head>
        <body>
            <!-- Insérez ici le contenu des réponses sous forme de balises HTML -->
        </body>
        </html>

Tutoriel The src Attribute

L'attribut src est un attribut HTML utilisé pour définir l'adresse d'une image. Il est toujours défini dans l'élément ouvrant <img>, entre des guillemets doubles.

Valeurs de l'attribut src

La valeur de l'attribut src est une URL. Une URL est un identificateur unique qui permet de localiser une ressource sur le Web. Une URL peut être composée de plusieurs composants, tels que le protocole, le nom d'hôte, le port, le chemin et le paramètre.

Exemples de valeurs de l'attribut src

Voici quelques exemples de valeurs de l'attribut src :

image.jpg : Lien vers l'image image.jpg située dans le même répertoire que la page web actuelle.
https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/HTML5_logo.svg/1200px-HTML5_logo.svg.png : Lien vers l'image HTML5_logo.svg située sur le site Web de Wikipédia.

Utilisation de l'attribut src

L'attribut src est utilisé pour insérer une image sur une page web.

Voici un exemple d'utilisation de l'attribut src :

<img src="image.jpg" alt="Une image">