HTML: Exercices

HTML: Exercices

exercices html

  1. Objectif

    • La réalisation des exercices vous permet d’être capable de créer des pages web ergonomique et cohérente
    • être capable d’écrire le code minimum en HTML pour créer une page Web.
    • être capable de créer en mode code un tableau.




    Exercice 1

    1. Lancez un éditeur HTML
    2. Reproduisez la structure ci-dessous
    3. Tableau 1

      Nom

      Ce texte est décalé vers la droite en utilisant le marqueur paragraphe.

    Exercice 2

    1. Reprenez l’exercice 1 et ajoutez-y une liste composée (numéros et puces)
    2. Tableau 1

      Nom

      Ce texte est décalé vers la droite en utilisant le marqueur paragraphe.

      Les listes numérotées

      1. Les listes numérotées sont une variante des listes à puces.
      2. Pour les mettre en œuvre, il suffit de remplacer la balise <ul></ul> par une balise <ol></ol>.

      Les listes à puces

      En HTML, vous devez utiliser deux balises pour créer une liste à puces :

      • <ul> et </ul> pour délimiter le début et la fin de la liste ;
      • <li> et </li> pour délimiter chacune des lignes de la liste.

      .

    Exercice 3

        Mise en forme de texte

      1. Mettre en forme l’article disponible dans le fichier>série 1 html ex3.txt.
        • Copier le contenu de l’article
        • Appliquer un style de titre au titre général, et ajouter un titre de niveau moindre à chaque paragraphe
        • Créer les paragraphes avec des balises <p>
        • Mettre chaque nom de continent ou de langage en police Courier et en vert
        • Mettre chaque nom de compagnie en italique et en marron
        • Placer une barre horizontale en fin de l’article
        • Ajouter à sa fin, après la barre, la date courante, dans un paragraphe
      2. Tester le résultat en le validant par le W3C



    Exercice 4

      Soit le formulaire suivant rempli par un utilisateur :

      exemple de formulaire





      cases a cocher

      choix 1

      choix 2

      choix 3

      Entrer votre texte :

      Entrer votre mot de passe :







      fin du formulaire

    Exercice 5

      1. La déclaration DOCTYPE est-elle obligatoire ? Où doit-elle être placée ? Quelles informations contient-elle ?
      2. Que faut-il faire pour que le code HTML 5 soit validé ?
      3. À quel emplacement est défini le jeu de caractères utilisé dans le document ?
      4. Où est déclaré le nom de l’élément racine du document ? Quel est son rôle et son nom ?
      5. Quels sont les éléments enfants de l’élément ?

    Exercice 6

      1. Quels sont les roles des éléments a, p, tr et hr ?
      2. Donnez le codage HTML de la capture écran suivante (aucun style CSS n’est demandé)
      3. exercice html



Abonnez vous à notre chaîne YouTube gratuitement