Il n’y a pas de différence entre majuscules et minuscules lors de la saisie des commandes HTML. On peut donc écrire indifféremment <body> ou <BODY>.
Attributs et valeurs
La majorité des balises sont associées à des attributs (paramètres qui étendent leur utilisation : couleur, taille, emplacement, etc.).
Par exemple pour la balise <font> (font = police) on pourra déterminer les attributs
- face (le nom de la police)
- size (la taille)
- color (la couleur)
et à chaque attribut sera attribuée une valeur encadrée de guillemets :
par exemple face=”arial“, size=”5” et color=”red” (rouge)
Exercice 2 : police et saut de ligne
- Ouvrir le Bloc-Notes
- Saisir le texte ci-contre
Saisir tout le texte
soi-même
pour bien s’entraîner,
on n’apprend rien avec
un copier-coller !
<html>
<head> <title> Page 2 </title> </head>
<body>
<font face="arial" size="5" color="red">
Bonjour, <br>
c'est encore moi ! </font>
</body>
</html>
Le texte “Bonjour,” est séparé par un saut de ligne du texte ”c’est encore moi !“. Noter que la balise <br> (“break”) est orpheline : elle n’appelle pas de balise fermante.
Enregistrer au format exercice-2.html : par principe on enregistre toujours les noms de fichiers en minuscules, sans accents ni espaces (cela n’a pas d’importance dans l’ordinateur mais sur Internet oui).
La page n’est visible que sur l’ordinateur en local : pour être visualisée sur Internet, elle doit y être envoyée à l’aide d’un logiciel FTP (article du 2 septembre 2020).
Double-clic sur le fichier : la page s’ouvre dans le navigateur, vérifier qu’on a bien la police Arial, rouge, taille 5 (pour les tailles faire des essais afin de déterminer ce qui convient).
Quand la page est affichée, le raccourci clavier Ctrl=U ouvre la page source où on retrouve exactement le code écrit dans le bloc-notes !
Dans le prochain article, il sera question de l’en-tête (balise <head>)…