Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Exercices [X]HTML Pourquoi écrire du HTML à la main ? Faisons un petit essai. J

Exercices [X]HTML Pourquoi écrire du HTML à la main ? Faisons un petit essai. Je lance Word (vous êtes sous linux normalement, donc vous n'avez pas à le faire vous-mêmes), j'écris juste un mot (« Bonjour » par exemple), et je demande à Word d'exporter ce ﬁchier en HTML. Voici le résultat ! Auriez-vous écrit cela ? <html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=windows-1252"> <meta name=ProgId content=Word.Document> <meta name=Generator content="Microsoft Word"> <meta name=Originator content="Microsoft Word"> <link rel=File-List href="./Bonjour_fichiers/filelist.xml"> <title>Bonjour</title>  <style>  </style> </head> <body lang=FR style='tab-interval:35.4pt'> <div class=Section1> <p class=MsoNormal>Bonjour</p> </div> </body> </html> ESIL Promo 2008 1/2 Bon, la réponse est “non !”, alors voilà les exercices. Partie 1 1. Editer un document HTML qui possède une structure minimale (i.e. un document html vide). Visualiser ce document. 2. Ajouter un titre au document. Visualiser le document. Quels sont les changements? 3. Modiﬁer le document de sorte que le fond de page soit en blanc et le texte soit en vert. 4. Insérer dans le corps du document la phrase : ma première page HTML !!. (Attention à l'écriture du caractère ‘è’). 5. Entourer la phrase ma première page HTML par les balises <h1> et </h1>. Quel est l'effet de cette modiﬁcation ? HTML fournit six balises de marquage de titres : <h1> à <h6>. Quelles sont les différences entre ces balises ? Es- sayez-les. 6. On voudrait que le texte du titre soit en rouge tout en gardant la couleur du texte du corps du document en vert. Comment faire ? 7. Entourer la phrase précédente par deux lignes horizontales centrées. La longueur de chaque ligne est égale à 70% de la largeur de la page. 8. Rajouter dans votre document les déﬁnitions des termes : multimédia, hypertexte. 9. On voudrait que les termes déﬁnis soient afﬁchés en gras. Enveloppez chacun de ces termes par une balise <GRAS> </GRAS>. Remplacer la balise GRAS par la balise <TOTO> </TOTO>. Conclusion? 10. Corriger le document pour que les termes soient afﬁchés en gras. 11. Modiﬁer le document pour que les deux déﬁnitions soient afﬁchées dans une liste 1), 2). 12. Quelle est la fonction de la balise <i> ? et la balise <em> ?. Quelle est la différence entre ces deux balises ? 13. Editer une page HTML qui illustre le code de couleurs. Cette page afﬁche un tableau de 4x2 couleurs différentes. Chaque case porte une couleur et la chaîne RVB associée. Partie 2 On considère les décompositions suivantes d'une page : Chaque section a une couleur de fond différente de l'autre et afﬁche le nom de cette couleur. 14. Editer des pages HTML qui réalisent les conﬁgurations précédentes en utilisant la balise <table>. 15. Editer quatre pages HTML, nommées : rouge, bleu, vert et blanc. Le nom de la page indique la couleur de fond. 16. Réaliser les conﬁgurations précédentes en utilisant les cadres. 17. Editer un page décomposée en deux cadres verticaux. Le cadre de gauche afﬁche une liste non numérotée de qua- tre liens. Chaque lien permet d’afﬁcher une page de couleurs différente dans le cadre de droit. 18. Quelle est la différence entre l’utilisation de tableaux et l’utilisation de cadres pour décomposer une page ? 19. Développer une page de garde de votre site WEB. Cette page est décomposée en deux cadres : un cadre représen- tant un sommaire qui indique le contenu de votre site et un cadre qui sert pour l’afﬁchage de différentes pages pro- posées dans votre site. ESIL Promo 2008 2/2 IUT de Villetaneuse – Département GTR TP 2 : Tableaux & cadres en HTML On considère les décompositions suivantes d'une page : Chaque section a une couleur de fond différente de l'autre et affiche le nom de cette couleur. 1. Editer des pages HTML qui réalisent les configurations précédentes en utilisant la balise <table>. 2. Editer quatre pages HTML, nommées : rouge, bleu, vert et blanc. Le nom de la page indique la couleur de fond. 3. Réaliser les configurations précédentes en utilisant les cadres. 4. Editer un page décomposée en deux cadres verticaux. Le cadre de gauche affiche une liste non numérotée de quatre liens. Chaque lien permet d’afficher une page de couleurs différente dans le cadre de droit. 5. Sauvegarder le signet de cette page dans votre collection de signets après avoir cliquer sur les liens. Commentaires. 6. Quelle est la différence entre l’utilisation de tableaux et l’utilisation de cadres pour décomposer une page ? 7. Développer une page de garde de votre site WEB. Cette page est décomposée en deux uploads/s3/ exercices-html.pdf