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

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)

Tableau 1 Nom Ce texte est décalé vers la droite en utilisant le marqueur paragraphe. Les listes numérotées Les listes numérotées sont une variante des listes à puces. 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é)