Skip to content

aymenelouadi/HTML-Revision-S1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Serie d’exercices de revision HTML | By MR HARIK

Exercice 1 – Structure de base

  • Crée une page HTML complète : Doctype, <html lang='fr'>, <head>, <title>, <body>.
  • Titre de la page : Révision HTML – Partie 1.
  • Un <h1> : 'Bienvenue sur ma page HTML'.
  • Deux paragraphes avec du texte (au moins un mot en <strong> et un en <em>).
  • Une ligne horizontale <hr> entre les paragraphes.

Exercice 2 – Liens et listes

  • Crée une liste non ordonnée de 3 langages web.
  • Crée une liste ordonnée de 3 étapes pour créer une page HTML.
  • Ajoute un lien externe vers MDN Web Docs (nouvel onglet).
  • Ajoute un lien interne vers une autre section (ex : Aller en bas de la page).

Exercice 3 – Tableaux

  • Crée un tableau de 3 colonnes et 3 lignes (Nom, Âge, Pays).
  • Fusionne les deux premières colonnes de la dernière ligne (colspan=2).
  • Ajoute un titre avec <caption>.

Exercice 4 – Images

  • Une image simple avec un alt pertinent.
  • Une image cliquable vers une version HD (nouvel onglet).
  • Une image avec un attribut title au survol.
  • Ajoute une légende sous chaque image.

Exercice 5 – Figure et légende

  • Crée une balise <figure> contenant une image et une légende <figcaption>.
  • Décris le contexte ou le sujet de l’image.

Exercice 6 – Images responsives avec <picture>

  • Crée une image adaptative avec deux tailles (petite et grande) et deux formats (WebP, JPG).
  • Ajoute des commentaires HTML expliquant le rôle de <source> et <img>.

Exercice 7 – Vidéo

  • Intègre une vidéo avec deux sources (MP4 et WebM).
  • Ajoute un poster, les contrôles, et une piste de sous-titres.
  • Ajoute un lien de téléchargement de la vidéo.

Exercice 8 – Révision complète

  • Crée une page complète avec :
    • En-tête avec titre et logo.
    • Menu de navigation (Introduction, Images, Vidéo, Tableau).
    • Sections structurées avec titres et contenus.
    • Pied de page avec nom et date.

  • Aymen Elouadi | Exercise complete improve to be the best 😉

About

Serie exercices HTML avec solutions et resultats

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages