Page 70 - ClasseurNumeriqueVierge_3eme
P. 70
Technologie Projet 2 : « Création d’un site WEB : info-infox » 3ème
Séquence n°2
◦ Sauvegarder le fichier
◦ Le lancer avec un navigateur (double-clic à partir d’un explorateur Windows ou dans le menu
de notepad++ ).
Que s'est-il passé ?
Vous allez, dans les exercices suivants , modifier le script HTML pour l’adapter à différents cahier des
charges.
Liste de quelques balises de mise en forme du texte :
Texte en gras <B>votre texte</B>
Texte en italique <i>votre texte</i>
Petite police <small>votre texte</small>
Grande police <big>votre texte</big>
Changement de ligne <br>votre texte</br>
Le navigateur considère que le texte est préformaté et <pre>votre texte</pre>
tient compte des espaces et des sauts de ligne.
Le texte en exposant <sup>votre texte</sup>
Le texte en indice <sub>votre texte</sub>
Texte souligné <u>votre texte</u>
Texte rayé <s>votre texte</s>
Texte en couleur <font color=#0000FF>votre Texte</font>
Taille du texte <font size=3>votre Texte</font>
Couleur du fond de page <body bgcolor=#FF0000>le corps de la
page</body>
RQ : Voir le site http://www.code-couleur.com/ pour une aide sur la couleur.
2.3 ) Exercice 1 : Nous allons modifier le script pour que le texte de votre page html (le texte : Voici
ma photo) soit en caractère gras.
2.3.1 ) Modifications à effectuer :
On remarque que pour mettre en gras un texte, il faut le précéder de <B> et le succéder par </B>.
=> Ajouter (grâce à notepad++) la balise <B> avant « Voici ma photo » et la balise </B> après.
2.3.2 ) Test du résultat
Enregistrer la modification puis lancer le fichier (faire comme précédemment : double clic ou via
Activites.odt Collèges - Briançon 4/8
