Td corrigé Atelier2-HTML : exercices corrigés - Accueil pdf

Atelier2-HTML : exercices corrigés - Accueil

TP3-HTML : exercices corrigés. Exercice1 : Hyperliens. Crée un nouveau document HTML dont le titre sera Exercice HTML 2. Insère une image, tu la sauvegarde par menu.gif, dans le document. Cette image sera en coordonnées. Délimite la zone Accueil et donne-lui cette adresse: index.html (Lien externe, ---); Délimite la ...




part of the document



TP3-HTML : exercices corrigés

Exercice1 : Hyperliens
Crée un nouveau document HTML dont le titre sera Exercice HTML 2.
Insère une image, tu la sauvegarde par menu.gif, dans le document. Cette image sera en coordonnées.
Délimite la zone Accueil et donne-lui cette adresse: index.html (Lien externe, ---)
Délimite la zone Aide et donne-lui cette adresse: aide.html (Lien externe, ---)
Délimite la zone Écrivez-nous et donne-lui ton adresse électronique (Lien externe, mailto).
Centre l'image menu.gif (avec le code center);
Convertis les caractères spéciaux, sauvegarde le tout sur ton dossier personnel. Le nom du fichier sera ex2.html
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. Exercice HTML 2
2.
6.

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 :
Début ligne : Cellule titre : contenu cellule Cellule normale : contenu cellule Fin de la ligne :
Fin du tableau :
On peut aussi définir une légende associée au tableau : texte légende
On peut évent. définir (depuis N6 et IE4) des lignes d'en-tête (répétées au haut de chaque page imprimées) :       une ou plusieurs lignes ... des lignes de corps du tableau :       une ou plusieurs lignes ... et des lignes de pied du tableau :       une ou plusieurs lignes ...
Bordures fines
Quel que soit le navigateur utilisé, on peut créer des tableaux avec des bordures fines en utilisant les attributs BORDER="1" (ombrage bordure) et CELLSPACING="0" (largeur bordure).
Par exemple le code suivant :


Bonjourtout le monde !


donne :
Bonjour
tout le monde !

Couleur des bordures
Pour IE e" 3.0 et Mozilla e" 1.0 (mais hélas pas pour Netscape
*CJ\]aJ#hi!chêdË56>*CJ\]aJhèI`56>*CJ\]aJhi!chi!cB*mH phÿsH hi!cB*mH phÿsH hi!chi!cmH sH õö(7CEMRUbi¨©µ»¿ÀÂÃÐÓàç&'39=>IR]dfgvw|}Œœ£âãïõùú "#238KPck‡íÞÌÞÌÞÌÞÁ³ÁÞÌÞíÞÌÁÌÞÁ³ÁÞÌÞíÞÌÁÌÞÌÞÌÞÁ¥ÁÞÁ³ÁÞÌÞíÞÌÁÌÞÌÞÌÞÁ¥ÁÞÁÞÁÞÁhb\hb\6B*]phhb\hb\5B*\phhb\hb\B*ph"hb\hb\0J6OJQJ]^Jhb\hb\0JOJQJ^J#hb\hb\5B*CJ\aJphÿA‡Ž¥ÁÂÏÐÚN‚…˜™šÃÄèéñLOZbcdŽ²³»ÍÑä&./0YZ~‡‰—˜ +:nñæ×æÉæ×æñæ×·×·×¥×æÉæ×æ×·×·×¥×æÉæ×æñæ×·×·×¥×æÉæ×桙æ×æ×æhb\B*
phˆhb\#hb\hb\5B*CJ\aJphÿ"hb\hb\0J6OJQJ]^Jhb\hb\6B*]phhb\hb\0JOJQJ^Jhb\hb\B*phhb\hb\5B*\ph7‰˜On§ÄÑ$BHZjŠúõïéééééééïáá$IfK$$If$Ifgdb\gdb\
ntÌHŠŒŽ¸ºVlž¤
r“”•–Zho ¶»½¿ÁÃÇÉÞö!(ìûý0579;=AC‡ˆ‰(Vóâó×Ì×Ìó»×¬×óâó×Ì×Ì¥¬“¬¥¬¥¬¥¬¥¬¥óׅ׬׬׬׬׬׬×Ì×âóhb\hb\5B*\ph"hb\hb\0J6OJQJ]^J hb\hb\hb\hb\0JOJQJ^J!hb\hb\B*
OJQJ^Jphˆhb\hb\CJaJhb\hb\B*ph hb\hb\OJQJ^JmH sH hb\hb\OJQJ^J4ŠŒŽº{/*gdb\Kkd±$$If–Ö0Óÿ"#öˆ6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4Öaö$If}kd$IfK$L$T––ÖÖ0e( €€Ö0ÿÿÿÿÿÿö6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4Ö–aöbÖŠTºž×R`or{ƒ“”úôîîîîîîîôæætrkd$IfK$L$T––Ö0T €€ ÖÖÿÿÿÿÿÿÿÿö6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4Ö–`Ö
ÿÿaöpÖÿÿÿÿÿÿÿÿŠT$IfK$$If$Ifgdb\
”•–ÞöF‡ù­¨£ù›$IfK$gdb\gdb\KkdÆ$$If–Ö0Óÿ?#öˆ6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4Öaö$If‡ˆ‰µÞ $@MV‰ƒƒƒƒƒƒƒ$If$Ifokd)$IfK$L$–ÖÖÊI€ ÖÖ
ÿÿÿÿÖ0ÿÿÿÿÿÿö¦6ÖÿÖÿÖÿÖÿ4ÖaöÂbÖpÖ
ÿÿÿÿ VW¥}ˆŸ¯ÀÙø , L ³­uooooooooo$If7$„Â$$d
%d0 &d
'd
-D@IfMÆ
ÿõõÿNƪªOƈ0PƪªQƪª^„Âa$$IfKkdã$$If––Ö0Lÿ^$$¸ Ðöˆ6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4Ö–aö VW•š¡¥}Ë Ð Ñ !'!!‚!™!š!0"2"‡"™"$#?#þ#
$$"$#$Ó$ß$
%%V%b%>'C'E'J'L'Q'„'™'š'­'®'±' (!(&(‡(ˆ(‘(õêÜêÜêÑÀ³õêÜêõêõ¬³À³À³À³õ³›êŒêŒêŒêŒêŒêŒêÜõÜõÜêõÜêõ‚hb\hb\5\hb\hb\0JOJQJ^J!hb\hb\B*
OJQJ^Jphˆ hb\hb\hb\hb\OJQJ^J hb\hb\OJQJ^JmH sH hb\hb\B*phÿhb\hb\5B*\phhb\hb\B*phhb\hb\CJaJ3L c € ’ ª ± Ë Ð Ñ o!w!!ùùùùùùù­§ŸŸ$IfK$$IfKkdN$$If––Ö0Lÿ^$$öˆ6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4Ö–aö$If !‚!!™!yy$IfK$}kd±$IfK$L$T–ÖÖ0ßc€€Ö0ÿÿÿÿÿÿö6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4ÖaöbÖŠT™!š!0"J"S"ƒ"‹"–"™"Å"í"#"#2#{uuuuuuuuuuu$If$If}kdb$IfK$L$T–ÖÖ0ßc€€Ö0ÿÿÿÿÿÿö6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4ÖaöbÖŠT
2#8#=#e#Ž##Å#î#þ#$
$$#$E$©$e%Ë%„&ùùùùùùùùùù­¨£””””
& F¤d¤d[$\$gdb\gdb\gdb\Kkd$$If––Ö0Lÿ^$$öˆ6ÖÿÿÖÿÿÖÿÿÖÿÿ3Ö4Ö–aö$If„&ò& '2'„'‹'™'š'ððððççHžkdv$$IfT–K4ÖÖ0ÿqêà°€ ÖÀÀÖÿÿÿÿÖ0ÿÿÿÿÿÿö 6ÖÿÿÖÿÿÖÿÿÖÿÿ3ÖK4ÖK`Ö
ÿÀÀÀaöbÖpÖÿÿÿÿŠT $$Ifa$
& F¤d¤d[$\$gdb\š'›'¤'­'®'±'ùðð1ð¾kdv$$IfT–K4ÖÖFÿqꠀЀРÖààÖÿÿÿ€€€ÿ€€€Ö0ÿÿÿÿÿÿö 6Ö ÿÿÿÖ ÿÿÿÖ ÿÿÿÖ ÿÿÿ3ÖK4ÖK`Ö
ÿÀÀÀaöbÖ pÖÿ€€€ÿ€€€ÿ€€€ŠT $$Ifa$$If±'( (!(&(,(ùù*CJ\]aJ hêdË6]Uh¢8NhêdËhêdË56>*CJ\]aJ#hi!chêdË56>*CJ\]aJhˆaq56>*CJ\]aJ)hèI`hb\B*OJQJ^JmH phÿsH !hèI`hb\B*OJQJ^Jphÿ!hb\hb\B*
OJQJ^Jphˆhb\hb\OJQJ^Jhb\hb\CJaJ hb\hb\¸(¹(Ï(())•)À)ç)í)*#*E*K*P*o*ƒ~yyyyyyyyyyyygdb\gdb\{kdÎ $$IfT–KÖ”Öÿê€ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ ÖÀÖ
ÿÿÖ0ÿÿÿÿÿÿö 6ÖÿÿÿÿÖÿÿÿÿÖÿÿÿÿÖÿÿÿÿ3ÖK4ÖK`Ö
ÿÀÀÀaöpÖ
ÿÿŠTo*½*æ*+ ++2+U+£+¾+Ä+Ö+×+ï+ð+2`R`r`Ã`Ë`Ì`úúúúúúúúúúúôôïàÑÑÑËÉ@&gd¢8N
& F¤d¤d[$\$gdêdË
& F¤d¤d[$\$gd¢8NgdêdË@&gdêdËgdb\ fichier son, tu le sauvegarde comme canyon.mid;
La répétition sera à l'infini;
Le démarrage sera automatique;
Le panneau de contrôle sera visible, sans bordure et sa grandeur sera standard.
Réponse
 :