Une fichier HTML est un fichier XML particulier.
Les navigateurs sont assez tolérants avec le respects de la syntaxe. Il arrive donc souvent qu'un non respect de l'arborescence des balises ne pose pas de souci. Toutefois, c'est à vos risques et périls ...
Par exemple ci-dessus la balise link n'est pas fermée comme il faut.
Pour qu'une page HTML soit interprétée comme telle, elle doit respecter certaines conventions.
Tout d'abord, a minima est doit avoir la structure suivante :
<html> <head> [...] </head> <body> [...] </body> </html>Ensuite, l'ensemble des balises permettant de mettre en forme peuvent être trouvées dans nos exemples et sur des sites internet :
Ce Paragraphe n'a pas présentation de définie sur sa balise p.
mais il est possible de réaliser une partie de la mise en forme à l'aide des balises.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
Ça n'est pas la meilleure façon de procéder. La raison sera expliquée dans d'autres pages.
Ce Paragraphe a une présentation de définie sur sa balise p et des balises de mise en forme en son sein.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
C'est le CSS. L'ensemble des possibilités est disponible ici :