 Leçons suivantes |
 Leçons précédentes |
 Bas de page |
Les Balises et l'Accentuation :
Les balises :
Nous avons défini le langage HTML (HyperText Markup Language) comme un langage permettant de décrire la structure d'un document Web. Pour ce faire, il faut encadrer chacune des différentes structures du texte par une paire de Balises, une au début (<>) et une autre à la fin </>.
Ces Balises seront bien sûr invisibles au moment de l'affichage du document du site Web.
Dans un Traitement de texte, lorsque l'on veut mettre un mot en gras, on sélectionne les caractères, puis on clique généralement sur une petite icône qui a pour effet de les faire passer dans la graisse choisie. De façon interne et sans que cela apparaisse à l'écran, le traitement de texte inscrit dans le fichier un code indiquant qu'une zone en caractères gras commence, puis viennent ensuite les caractères en question ; enfin, un nouveau code indique le retour aux caractères standard.
Ce sont ces codes que l'on appelle des balises. Dans le langage HTML, la gestion des balises est à la charge de l'auteur.
Les balises sont déimitées par les signes < (inférieur à) et > (supérieur à).
EXEMPLE :
Monsieur Pierre part en vacances <balise> et il reviendra dans une semaine </balise> pour reprendre son travail.
Remarquez le caractère / en couleur bleue, dans la balise de fin.
Voici un exemple de saisie pour passer un groupe de caractères en gras dans le langage HTML (utilisation de la balise <B> pour Bold ou gras) :
Reprenons notre exemple ci-dessus :
Monsieur Pierre part en vacances <b>
et il reviendra dans une semaine </b> pour reprendre son travail.
Voici un aperçu, en cliquant ici. (Exemple 1) Nous allons faire volontairement une faute de syntaxe, en oubliant de mettre, par exemple, la balise de fin comme ci-après : </b> Reprenons notre exemple : Monsieur Pierre part en vacances <b> et il reviendra dans une semaine pour reprendre son travail. Nous voyons bien, en oubliant la balise de fin de caractères gras (</b>) concernant notre exemple, ce qui donne ceci : Monsieur Pierre part en vacances et il reviendra dans une semaine pour reprendre son travail. Ou encore pour aller se promener. Vous pouvez voir l'aperçu dans votre Navigateur ou Browser, en cliquant ici. (Exemple 2) Nous savons dorénavant que le paragraphe ci-dessus est en caractères graisse choisie et que, nous voyons bien également que certains mots sont largement en gras, or que, on voulait mettre uniquement la phrase en graisse choisie : "et il reviendra dans une semaine pour reprendre son travail."
C'est pourquoi qu'il ne faille pas oublier certaines balises de fin (</>).
Si l'on veut utiliser les deux caractères <> dans le texte courant, il faudra trouver un artifice afin que le Browser ou Navigateur ne tente pas de les interpréter comme balises. On les remplacera par leurs entités HTML équivalentes :
Ceci produira dans la fenêtre du browser :
Les signes < et > délimitent les balises HTML. Pour regarder l'aperçu, cliquez ici (Exemple 3)
A noter : Le texte à l'intérieur des balises peut être indifférent, en majuscule ou en minuscule :
<b> ou <B> sont strictement équivalents.
N.B. : Pour que vous puissiez voir le code HTML dans votre navigateur pour visualiser, il suffira de cliquer avec le bouton droit de votre souris, afin d'ouvrir le menu contextuel, puis de pointer sur "Afficher le code source de la page".
L'accentuation :
L'enregistrement des fichiers contenant les documents HTML est effectué sur la machine serveur en code ASCII 7 bits, ce qui ne permet pas d'accentuer directement le texte. On utilisera donc des mots-clés pour tous les caractères accentués et autres symboles, de façon identique au traitement des caractères < > décrits au paragraphe ci-dessus.
(Le Code ASCII 7 bits définit sur les 7 bits de poids le plus faible d'un octet un jeu de 128 caractères incluant les chiffres, les minuscules, les majuscules, un certain nombre de signes ainsi que des caractères de contrôle non imprimables. Le huitième bit sert au contrôle de parité pour valider l'exactitude de la transmission. Il ne reste pas assez de place dans ce code pour représenter les caractères accentués).
C'est pourquoi que nous allons vous présenter certains Caractères accentués, symboles, afin d'obtenir certains codes des mots-clés pour l'alphabet ISO Latin 1 que nous expliquerons cela ultérieurement dans un paragraphe ou dans une leçon consacrée à cet effet.
| Caractère | Syntaxe | Syntaxe (ASCII) | Description |
| Á | Á | Á | A capitale, accent aigu |
| À | À | À | A capitale, accent grave |
| Â | Â | Â | A capitale, accent circonflexe |
| Ã | Ã | Ã | A capitale, tilde |
| Å | Å | Å | A capitale |
| Ä | Ä | Ä | A capitale, tréma |
| Æ | Æ | Æ | Æ capitale |
| Ç | Ç | Ç | C capitale, cédille |
| É | É | É | E capitale, accent aigu |
| È | È | È | E capitale, accent grave |
| Ê | Ê | Ê | E capitale, accent circonflexe |
| Ë | Ë | Ë | E capitale, tréma |
| Í | Í | Í | I capitale, accent aigu |
| Ì | Ì | Ì | I capitale, accent grave |
| Î | Î | Î | I capitale, accent circonflexe |
| Ï | Ï | Ï | I capitale, tréma |
| Ñ | Ñ | Ñ | N capitale, tilde |
| Ó | Ó | Ó | O capitale, accent aigu |
| Ò | Ò | Ò | O capitale, accent grave |
| Ô | Ô | Ô | O capitale, accent circonflexe |
| Õ | Õ | Õ | O capitale, tilde |
| Ö | Ö | Ö | O capitale, tréma |
| Ø | Ø | Ø | O capitale, barré |
| Ú | Ú | Ú | U capitale, accent aigu |
| Ù | Ù | Ù | U capitale, accent grave |
| Û | Û | Û | U capitale, accent circonflexe |
| Ü | Ü | Ü | U capitale, tréma |
| Ý | Ý | Ú | Y capitale, accent aigu |
| á | á | á | a minuscule, accent aigu |
| à | à | à | a minuscule, accent grave |
| â | â | â | a minuscule, accent circonflexe |
| ã | ã | ã | a minuscule, tilde |
| å | å | å | a minuscule, rond |
| ä | ä | ä | a minuscule, tréma |
| æ | æ | æ | æ minuscule |
| ç | ç | ç | c minuscule, cédille |
| é | é | é | e minuscule, accent aigu |
| è | è | è | e minuscule, accent grave |
| ê | ê | ê | e minuscule, accent circonflexe |
| ë | ë | ë | e minuscule, tréma |
| í | í | í | i minuscule, accent aigu |
| ì | ì | ì | i minuscule, accent grave |
| î | î | î | i minuscule, accent circonflexe |
| ï | ï | ï | i minuscule, tréma |
| ñ | ñ | ñ | n minuscule, tilde |
| Caractère | Syntaxe | Syntaxe (ASCII) | Description |
| ó | ó | ó | o minuscule, accent aigu |
| ò | ò | ò | o minuscule, accent grave |
| ô | ô | ô | o minuscule, accent circonflexe |
| õ | õ | õ | o minuscule, tilde |
| ö | ö | ö | o minuscule, tréma |
| ø | ø | ø | o minuscule, barré |
| ú | ú | ú | u minuscule, accent aigu |
| ù | ù | ù | u minuscule, accent grave |
| û | û | û | u minuscule, accent circonflexe |
| ü | ü | ü | u minuscule, tréma |
| ý | ý | ý | y minuscule, accent aigu |
| ÿ | ÿ | ÿ | y minuscule, tréma |
Vous pouvez voir l'aperçu dans votre Navigateur ou Browser, en cliquant ici. (Exemple 4)
Fin de cette première leçon, la prochaine sera consacrée à la Structure du document HTML.
|
Cliquez ici pour la leçon suivante ou dans le sommaire prévu à cet effet.
|
 Haut de page |
|
Page précédente
|
Page suivante |
Nombre de pages vues, à partir de cette date : le 15 JUILLET 2019
Envoyez un courrier électronique à Administrateur Web Société pour toute question ou remarque concernant ce site Web.
Version du site : 10. 4. 12 - Site optimisation 1280 x 1024 pixels - Faculté de Nanterre - Dernière modification : 02 Septembre 2016.
Ce site Web a été Créé le, 14 Mars 1999 et ayant Rénové, en Septembre 2016.