TP3 HTML exercices corrigs
Exercice1 : Hyperliens
1. Crée un nouveau document HTML dont le titre sera Exercice HTML 2.
2. Insère une image, tu la sauvegarde par menu.gif, dans le document. Cette image sera en coordonnées.
3. Délimite la zone Accueil et donne-lui cette adresse: index.html (Lien externe, ---)
4. Délimite la zone Aide et donne-lui cette adresse: aide.html (Lien externe, ---)
5. Délimite la zone Écrivez-nous et donne-lui ton adresse électronique (Lien externe, mailto).
6. Centre l'image menu.gif (avec le code center);
7. Convertis les caractères spéciaux, sauvegarde le tout sur ton dossier personnel. Le nom du fichier sera ex2.html
8. Visualise ton document avec votre navigateur. Clique sur les 3 zones de l'image.
Réponse
Voici les codes qui donnent le résultat ci-haut :
1. <HEAD> <TITLE>Exercice HTML 2</TITLE> </HEAD>
2. <MAP NAME="fictif"> <AREA SHAPE="RECT" COORDS="3,0,156,15"
3. HREF="index.html"> <AREA SHAPE="RECT" COORDS="166,3,273,13"
4. HREF="aide.html"> <AREA SHAPE="RECT" COORDS="292,3,425,15"
5. HREF="mailto:xx@cyberscol.qc.ca"> </MAP>
6. <CENTER><IMG SRC="menu.gif" BORDER=0 WIDTH=438 HEIGHT=16 USEMAP="#fictif"></CENTER>
Exercice2 : Tableaux
Utilisés sans bordure (bordure invisible), les tableaux sont aussi souvent utilisés pour : mettre en page des éléments (texte, images, champs d'un formulaire...) faire du multicolonne créer une "image multipart" (mosaïque) avec des zones changeant d'aspect lorsque la souris passe dessus (voir exercice sur "Rollovers") placer une trame colorée derrière du texte etc... Remarque : les tableaux HTML sont correctement supportés à partir des versions de navigateurs Netscape 2 à 3 et IExplorer 2 à 3
Balises
Début tableau : <TABLE BGCOLOR="couleur fond" ALIGN="LEFT|RIGHT|CENTER" WIDTH="pixels ou %" CELLSPACING="larg.bords" BORDER="larg.ombrage" CELLPADDING="détach.texte">
Début ligne : <TR BGCOLOR="couleur" ALIGN="LEFT|RIGHT|CENTER" VALIGN="TOP|MIDDLE|BOTTOM|BASELINE"