HTML (le langage de balisage hypertexte) et CSS (Feuilles de style en cascade) sont deux des technologies de base pour la création de pages Web. HTML fournit la structure de la page, CSS la mise en page (visuelle et auditive), pour une variété d’appareils. Avec les graphiques et les scripts, HTML et CSS sont à la base de la création de pages Web et d’applications Web. En savoir plus ci-dessous sur :

Qu’est-ce que le HTML ?

HTML est le langage pour décrire la structure des pages Web. HTML donne aux auteurs les moyens de:

• Publiez des documents en ligne avec des titres, du texte, des tableaux, des listes, des photos, etc.
• Récupérez des informations en ligne via des liens hypertextes, en un clic de bouton.
• Concevoir des formulaires pour effectuer des transactions avec des services à distance, pour la recherche d’informations, la réservation, la commande de produits, etc.
• Inclure des feuilles de calcul, des clips vidéo, des clips sonores et d’autres applications directement dans leurs documents.

Avec HTML, les auteurs décrivent la structure des pages en utilisant le balisage. Les éléments de la langue étiquettent des éléments de contenu tels que « paragraphe”, « liste”, « tableau », etc.

Qu’est-ce que XHTML ?

XHTML est une variante de HTML qui utilise la syntaxe de XML, le Langage de balisage extensible. XHTML a tous les mêmes éléments (pour les paragraphes, etc.) comme la variante HTML, mais la syntaxe est légèrement différente. Étant donné que XHTML est une application XML, vous pouvez utiliser d’autres outils XML avec elle (tels que XSLT, un langage permettant de transformer du contenu XML).

Qu’est-ce que le CSS ?

CSS est le langage pour décrire la présentation des pages Web, y compris les couleurs, la mise en page et les polices. Il permet d’adapter la présentation à différents types d’appareils, tels que les grands écrans, les petits écrans ou les imprimantes. CSS est indépendant du HTML et peut être utilisé avec n’importe quel langage de balisage basé sur XML. La séparation du HTML et du CSS facilite la maintenance des sites, le partage des feuilles de style entre les pages et l’adaptation des pages à différents environnements. C’est ce qu’on appelle la séparation de la structure (ou: du contenu) de la présentation.

Qu’est-ce que les WebFonts ?

WebFonts est une technologie qui permet aux utilisateurs d’utiliser des polices à la demande sur le Web sans nécessiter d’installation dans le système d’exploitation. Le W3C a de l’expérience dans les polices téléchargeables via HTML, CSS2 et SVG. Jusqu’à récemment, les polices téléchargeables n’étaient pas courantes sur le Web en raison de l’absence d’un format de police interopérable. L’effort de WebFonts prévoit de résoudre ce problème par la création d’un format de police ouvert soutenu par l’industrie pour le Web (appelé « WOFF »).

Exemples

L’exemple très simple suivant d’une partie d’un document HTML illustre comment créer un lien dans un paragraphe. Lorsqu’il est rendu à l’écran (ou par un synthétiseur vocal), le texte du lien sera « rapport final” ; lorsque quelqu’un active le lien, le navigateur récupère la ressource identifiée par « http://www.example.com/report” :

<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>

L’attribut class sur la balise de démarrage du paragraphe (« class<p> ») peut être utilisé, entre autres, pour ajouter du style. Par exemple, pour mettre en italique le texte de tous les paragraphes avec une classe de « moreinfo », on pourrait écrire, en CSS:

p.moreinfo { font-style: italic }

En plaçant cette règle dans un fichier séparé, le style peut être partagé par n’importe quel nombre de documents HTML.