🖼️ HTML – Leçon 3 : Images, liens et listes

📘 Objectif

Découvrir comment insérer une image, créer un lien cliquable et afficher des listes à puces ou numérotées en HTML.

🖼️ Les images : <img>

La balise <img> permet d’afficher une image. Elle n’a pas de balise fermante.

• src : lien vers l’image
• alt : texte alternatif si l’image ne se charge pas

🔗 Les liens : <a>

La balise <a> permet de créer un lien. L’attribut href définit l’URL de destination.

Voir la doc HTML
    

📋 Les listes

Il existe deux types de listes :

• <ul> : liste non ordonnée (avec des puces)
• <ol> : liste ordonnée (avec des numéros)

Chaque élément de la liste est une balise <li>.

  
HTML
  
CSS
  
JavaScript



  
Étape 1
  
Étape 2

    

🛠 Essaie toi-même

<h1>Ma première page enrichie</h1> <img src="https://via.placeholder.com/80" alt="Image test" width="80"> <p>Voici une liste de langages que je découvre :</p> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul>
Afficher le résultat

🎯 Défi

• Ajoute une autre image (ex. un chat, un logo, etc.)
• Ajoute un lien vers un site utile (doc, cours, outil…)
• Crée une liste ordonnée avec 3 choses que tu aimes