Le format XHTML (HTML)

Résumé du document

Les formats XHTML et CSS sont directement interprétés par les navigateurs web (pas de compilation comme en langage C). Les navigateurs les plus connus sont Mozilla Firefox ou Internet Explorer... Les formats XHTML et CSS sont universels et supportés par toutes les plateformes (Windows, Mac, Linux) mais néanmoins, le rendu visuel peut différer d'un système à un autre.
Au tout début, il y avait le SGML (Standard Generalized Markup Language) qui est un métalangage, c'est à dire, un langage permettant d'en écrire un autre, dit de structuration ou de balises. On décrit en SQML un ensemble de balises ou d'éléments (identifiés par leur nom), ainsi que leur contenu. Le contenu d'un élément est défini par une liste de sous-éléments (éventuellement hiérarchisés) et le nombre d'occurrences de ceux-ci ainsi que par une liste d'attributs et les valeurs pouvant êtres prises par ceux-ci.
L'ensemble de ces spécifications forme ce qu'on appelle une DTD (Document Type Definition). Le langage HTML est une application de SGML. Conçu à
l'origine pour l'échange des documents scientifiques, le langage HTML a connu un grand succès.

Extraits

[...] On décrit en SQML un ensemble de balises ou d'éléments (identifiés par leur nom), ainsi que leur contenu. Le contenu d'un élément est défini par une liste de sous-éléments (éventuellement hiérarchisés) et le nombre d'occurrences de ceux-ci ainsi que par une liste d'attributs et les valeurs pouvant être prises par ceux-ci. L'ensemble de ces spécifications forme ce qu'on appelle une DTD (Document Type Definition). Le langage HTML est une application de SGML. Conçu à l'origine pour l'échange des documents scientifiques, le langage HTML a connu un grand succès. [...]

[...] Par exemple: Caractère & Code HTML & € " Désignation par le code ASCII Il existe des codes (X)HTML pour spécifier les accents: Accent Aigu Grave Circonflexe Tréma Cédille Code HTML &«lettre»acute; &«lettre»grave; &«lettre»circ; &«lettre»uml; &«lettre»cedil; Ainsi un caractère accentué peut-être désigné, soit par spécification du caractère et de l'accent soit par spécification de son code ASCII. Exemple: le code Ô affiche Ô . Pour finir, un caractère spécial fort utile: il s'agit de l'espace insécable définie par le code:   Un espace insécable est un caractère blanc de séparation qui interdit le passage à la ligne (indispensable notamment avant les caractères de ponctuation). Structure d'un document XHTML Un document HTML commence toujours par la balise et se finit de la même manière par la balise . [...]

[...] Le corps est délimité par les balises et . Voici par exemple une page HTML: Titre de la page Contenu de la page V Balises de style Pour écrire un texte d'une couleur différente dans un paragraphe (un paragraphe peut très bien se limiter à une seule ligne) on utilisera la balise suivante: ou Exemple: Bonjour affichera à l'écran: Bonjour De la même manière il existe de nombreuses autres balises: Couleur de fond Taille de la police: Très Très grande Très grande Grande Moyenne Petite Très petite Très très petite Type police Alignement du texte: à gauche au centre à droite backgroundcolor:NomDeLaCouleur front-size:xx-larger front-size:x-larger front-size:larger front-size:medium front-size:small front-size:x-smaller front-size:xx-smaller face:NomDeLaPolice text-align:left text-align:center text-align:right Il en existe plein d'autres qu'on ne pourra pas toutes détailler ici (on peut les trouver facilement sur internet). [...]

[...] On voudra enfin pouvoir spécifier le comportement ou l'apparence du contenu: c'est le rôle des attributs. Éléments En XHTML, les éléments logiques sont déclarés par des balises de la forme: (balise ouvrante) le texte (balise fermante) Tout contenu de la page doit être introduit à l'aide d'un élément logique. Quelques exemples: Titre de niveau1 Ma page . Paragraphe Titre du paragraphe . Certains éléments n'utilisent qu'une balise Exemple: pour ajouter une photo. Attributs Les éléments disposent de certains paramètres dont on peut spécifier la valeur: ce sont les attributs. [...]

[...] Syntaxe: le texte Il faut également noter que dans certains cas, on doit définir la valeur. IV Syntaxe élémentaire Commentaire Tout langage a sa marque de commentaire. En XHTML, il s'agit de la balise . Par exemple: Règles de syntaxe Tout élément OUVERT doit être FERME. Les éléments comme les attributs doivent être écrits en CARACTERES MINUSCULES (ce n'était pas le cas en HTML). La valeur d'un attribut doit être spécifiée entre Tout contenu doit être compris dans au moins un élément. Les éléments doivent être refermés dans l'ordre inverse de leur ordre d'ouverture. [...]