Découverte du HTML

Dans ce TP nous allons découvrir les bases de HTML à travers la création d'une première page Web.

Quelques liens

Pour vous aider dans la création vous pouvez utiliser Mémo HTML

Votre première page

En s'inspirant de l'exemple suivant, je vous laisse créer une page équivalente à celle-ci :

Créer une seconde page:

  • Ajouter un titre (<h1> + <title>)
  • Ajouter une balise audio <audio>
  • Ajouter une balise video <video>

Comment procéder ?

Votre carrière sera faite de balises / problèmes inconnue, le bon réflexe c'est une boite à outils de documentation par exemple:

Créer une troisième page

  • Ajouter un titre (<h1> + <title>)
  • Créer un tableau (table). Celui-ci doit contenir :
    • 3 colonnes
    • 20 lignes
    • Un entête et un pied de tableau

Comment procéder ?

Vous avez un exemple de tableau dans le Mémo HTML.

Petite astuce, votre IDE propose un mode « emmet » nous allons découvrir son fonctionnement ensemble. ✋

Ajouter un Menu

Nous avons maintenant 3 pages, nous allons donc devoir ajouter un menu. En utilisant les balises que nous avons vu ensemble (au autres).

Je vous laisse écrire et mettre en place le menu dans l'ensemble des pages de votre site.

Comment s'organiser ?

  • Comment procédez vous ?
  • À votre avis pouvons nous faire autrement? Afin d'éviter de mettre plusieurs fois la même chose dans plusieurs fichiers