HTML TP 122018 Initiation
HTML TP 122018 Initiation
-
Objectifs
- ِEtre capable d’utiliser les différentes balises, doctype en html5
-
Énoncé des exercices
-
Exercice 01
- Ouvrez le bloc-note, copiez-y le document suivant :
- Enregistrez le fichier sous le nom "tp02Ex01.html"
- Changez le type de puce, utilisez l’attribut ‘type=’ et une valeur
disc ou circle ou squarepour le faire. - A l’aide d’un navigateur, ouvrez le fichier que vous venez d’écrire
- Dans le code précédent, on vient de créer une liste. Que se passe-t-il si on remplace ul par ol ?
- Changez le type de numéro, utilisez l’attribut ‘type=’ et une valeur
1 ou a ou A ou i ou Ipour le faire. - 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…)
-
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.
-
Exercice 03
- Construire une page html simple (structure comprise) et afficher ce texte :
- 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.
-
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.
-
Exercice 05
<! 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>
apcpedagogie.com c’est mon site de formation
Vive le html
