HTML TP 122018 Initiation

HTML TP 122018 Initiation

  1. Objectifs

    • ِEtre capable d’utiliser les différentes balises, doctype en html5
  2. Énoncé des exercices

    1. Exercice 01

      1. Ouvrez le bloc-note, copiez-y le document suivant :
      2. <! doctype html>
        <html lang="fr">
         <head>
            <meta charset="UTF-8" />
        </head>
        <body>
        <ul>
         <li>"Le <b>W</b>orld <b>W</b>ide <
        b>W</b>eb (WWW)
         tel qu’il a été imaginé par Tim Berners‐Lee, aux alentours de 1990,
         s’articule autour d’une architecture dite client‐serveur.</li>
        <li> Dans le cas d’une navigation classique, le client 
        c’est nous ou plutôt notre navigateur.</li>
        <li> Le serveur (ou plus précisément le serveur web), 
        c’est un programme qui répond aux requêtes du navigateur grâce 
        au protocole HTTP (HyperText Transfer Protocol). »</li>
        </ul>
        </body>
        </html>

      3. Enregistrez le fichier sous le nom "tp02Ex01.html"
      4. Changez le type de puce, utilisez l’attribut ‘type=’ et une valeur disc ou circle ou square pour le faire.
      5. A l’aide d’un navigateur, ouvrez le fichier que vous venez d’écrire
      6. Dans le code précédent, on vient de créer une liste. Que se passe-t-il si on remplace ul par ol ?
      7. Changez le type de numéro, utilisez l’attribut ‘type=’ et une valeur 1 ou a ou A ou i ou I pour le faire.
      8. Renseignez convenablement l’entête de la page réalisée. Vous indiquerez en particulier les informations suivantes :
        • Le nom de l’auteur (votre nom)
        • Le logiciel utilisé pour créer la page (le bloc-note)
        • La langue
        • Le codage utilisé
        • Les mots clés (html, css, JavaScript)
        • Et une description (Ce site donne un cours gratuit en HTML,CSS etc…)



    2. Exercice 02

      • Pour cet exercice, vous utiliserez l’éditeur de texte standard de Windows : Bloc-notes ou bien EDIT en mode MS-DOS suivant votre ordinateur. Les utilisateurs Linux pourront éditer leurs fichiers avec Xemacs par exemple.
      • Le code source HTML sera sauvegardé dans le fichier tp02Ex02.html.
      • Saisir ces lignes de HTML (voir figure suivante) dans le fichier tp02Ex02.html et visualiser le résultat dans votre navigateur chrome. N’hésitez pas à indenter votre code HTML, il sera mieux lisible.
      • exercices HTML5

    3. Exercice 03

      • Construire une page html simple (structure comprise) et afficher ce texte :
      • apcpedagogie.com c’est mon site de formation
        Vive le html

      • Le mot apcpedagogie.com devra être en taille 4 et en bleu, les mots "c’est mon site de formation " en taille 5 et en rouge.
      • La mot Vive doit être en vert et le reste de la phrase en jaune. Le mot html doit être en gras. Toute le phrase en taille 6.
    4. Exercice 04

      • Écrire une page HTML5 qui affiche :
        • Un titre au niveau du bandeau de la fenêtre du navigateur
        • Le même titre dans le document
        • Le paragraphe suivant:
            • un texte important (strong),
            • un texte sur lequel on met l’accent (em),
            • un texte en télétype (tt),
            • un texte en mode échantillon de code (samp),
            • un texte en mode citation (cite),
            • un texte en mode apostrophe (q),
            • un texte en mode insertion (ins),
            • un texte en mode suppression (del),
            • un texte en mode définition (dfn),
            • un texte en mode acronyme (acronym),
            • un texte en mode abréviation (abbr),
            • un texte en mode variable (var),
            • un texte en mode saisie clavier (kbd),
            • un texte contenant des mots séparés par plusieurs espaces,
            • un texte contenant des mots séparés par plusieurs espaces insécables,
            • un texte préformaté (pre),
            • un texte en mode apostrophe en bloc (blockquote),
            • un texte en mode adresse (address),
            • un texte en mode code source (code),
        • Le document devra être valide conformément aux exigences du W3C
        • Le document devra être écrit en UTF-8
        • Mettre un lien sur le validateur du W3C afin de permettre la validation par referer.
    5. Exercice 05






Abonnez vous à notre chaîne YouTube gratuitement