Remerciez-le!

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

M. Amine Ben Slimène Le langage HTML Le langage HTML Activité 1 (Balises de mis

M. Amine Ben Slimène Le langage HTML Le langage HTML Activité 1 (Balises de mise en forme) N° Code HTML Remarque 1 <html> <head> <title> activité1 </title> </head> <body> 2 <b> Tunisie en gras </b> 3 <i> Tunisie en italique </i> 4 <br> 5 <u> Tunisie soulignée </u> 6 <br> 7 <b><i><u> Tunisie gras italique et soulignée </b></i></u> 8 <br> 9 <hr color="red" width="400" size="5"> 10 <font color="blue" size="7" face="arial"> Tunisie en bleu de taille 7 et de style arial </font> 11 <center> Tunisie centrée </center> 12 <p align="right"> retour à la ligne et Tunisie à droite </p> 13  14 </body> </html> Activité 2 (Balises des titres) N° Code HTML Résultat 1 <html> <head> <title> activité2 </title> </head> <body> 2 <h1> titre niveau 1 </h1> titre niveau 1 3 <h2> titre niveau 2 </h2> <h3> titre niveau 3 </h3> <h4> titre niveau 4 </h4> <h5> titre niveau 5 </h5> 4 <h6> titre niveau 6 </h6> titre niveau 6 5 </body> </html> Page 1/7 M. Amine Ben Slimène Le langage HTML Activité 3 (Balises des images) N° Code HTML Remarque 1 <html> <head> <title> activité3 </title> </head> 2 <body background="image1.jpg"> 3 <img src="image2.jpg" width="200" height="150" align="right" > 4 </body> </html> Activité 4.a (Balises des puces et numéros : structure simple) N° Code HTML Résultat 1 <html> <head> <title> activité4 </title> </head> <body> <h2> Les types scalaires sont: </h2> 2 <ul> <li> Entier </li> <li> Caractère </li> <li> Booléen </li> </ul> 3 <h2> Quelques fonctions: </h2> 4 <ol> <li> Ord </li> <li> Succ </li> <li> Pred </li> </ol> 5 </body> </html> Activité 4.b (Balises des puces et numéros : structure imbriquée) Transformer le code de la page de l’activité 4.a pour qu’elle soit de la forme suivante :  Les types scalaires sont: 1. Entier 2. Caractère 3. Booléen  Quelques fonctions: 1. Ord 2. Succ 3. Pred Page 2/7 ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… ……………………………… M. Amine Ben Slimène Le langage HTML Activité 5.a (Balises des tableaux : tableau simple) N° Code HTML Remarque 1 <html> <head> <title> activité5.a </title> </head> <body> 2 <table width="60%" border="2"> 3 <tr> <td> note 1 </td> <td> note 2 </td> <td> note 3 </td> </tr> 4 <tr> <td> note 4 </td> <td> note 5 </td> <td> note 6 </td> </tr> 5 </table> </body> </html> Activité 5.b (Balises des tableaux : tableaux avec fusion de colonnes) Transformer le code de l’activité 5.a pour que le tableau aura la forme suivante : Les notes Note 1 Note 2 Note 3 …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… Activité 5.c (Balises des tableaux : tableau avec fusion de lignes) Transformer le code de l’activité 5.a pour que le tableau aura la forme suivante : Les notes Note 1 Note 2 Note 3 Note 4 …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… …………………………………………………… Page 3/7 M. Amine Ben Slimène Le langage HTML Activité 6.a (Lien hypertexte : Lien externe) Créer une nouvelle page HTML et tester les exemples du tableau suivant : Syntaxe Exemple Description <a href=”file://adresse fichier” <a href="file://nom fichier"> <a href="activite1.html"> Cliquer ici pour ouvrir la page activite1.html </a> Adresse locale <a href= "http://adresse Web" <a href=”http://www.google.fr”> Cliquer ici pour faire une recherche </a> Protocole HTTP <a href=”ftp://adresse ftp” <a href=“ftp://ftp.commentcamarche.net/docs/Html.zip”> Cliquer ici pour télécharger un fichier </a> Protocole FTP pour le transfert de fichiers <a href=”mailto:adresse email” <a href=”mailto:amine@yahoo.fr” Cliquer ici pour envoyer un email </a> Protocole SMTP pour le courrier électronique Activité 6.b (Lien hypertexte : Lien interne) Créer une nouvelle page HTMl et écrire les deux textes "Origine" et "Destination". Pour créer un lien interne du texte Origine vers le texte Destination : - Créer un signet (marque) sur la Destination : <a name= "signe"> Destination</a> - Créer un lien de l’Origine vers la Destination : <a href="#signe"> Origine</a> Ecrire le code Html complet en créant un lien du texte "Origine " vers le texte "Destination" et un lien du texte "Destination" vers le texte "Origine" : ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… Activité 6.c (Liens entre pages Html) Créer les pages suivantes avec les liens hypertextes : Page 4/7 système.html Définition d’un SE Exemples de SE Définition.html ……………………… …………… Accueil Exemples.html ……………………… …………… Accueil uploads/S4/ le-langage-html1.pdf