Le langage de balisage hypertexte est la langue du WWW. La première version de ce langage a été publiée en 1992. Depuis, HTML a subi de nombreuses modifications et est maintenant arrivé à la version 5. (Bien que la version 5 n'ait en fait pas encore été officiellement adoptée comme norme, elle est déjà assez bien prise en charge dans les navigateurs actuels).
HTML est un langage de balisage qui permet de structurer les contenus. Les feuilles de style sont responsables de la mise en forme des contenus. Nous en reparlerons ensuite.
Le World Wide Web Consortium (abrégé W3C) est responsable du développement continu de HTML.
Quand on travaille avec HTML, une question est cruciale : quelle version devrais-je utiliser ? Bien sûr, vous pouvez imaginer qu'un langage comme HTML est constamment mis à jour. De nouveaux éléments sont ajoutés, d'anciens sont supprimés.
Voici les versions de langage les plus importantes ou les jalons de HTML :
• HTML (novembre 1992) : il s'agit de la première version. L'accent était exclusivement mis sur les documents textuels.
• HTML 2.0 (novembre 1995) : introduction d'éléments pour les images et les formulaires.
• HTML 4.0 (décembre 1997) : introduction de feuilles de style, de cadres et de scripts.
• XHTML 1.0 (janvier 2000) : il s'agit d'une reformulation de HTML 4.0 en utilisant XML.
• HTML5 (avril 2009) : il s'agit toujours d'un projet de travail, donc pas encore une norme adoptée.
Les prochains tutoriels se concentreront sur HTML5. Parce qu'avec HTML5, un nouveau souffle devrait enfin traverser le monde de HTML. En effet, la nouvelle spécification offre de nombreuses innovations intéressantes. Il s'agit notamment de formulaires nettement plus conviviaux, de indicateurs de progression, d'éléments de dessin et d'une structure de document améliorée. De plus, la nouvelle norme permet d'intégrer des vidéos dans les pages Web sans plugin et propose une interface de glisser-déposer.
La première proposition pour HTML5 a été publiée en 2004 par le groupe de travail Web Hypertext Application Technology (WHATWG) sous le nom Applications Web 1.0.
Jusqu'à aujourd'hui, bien que HTML5 n'ait pas encore été officiellement publié en tant que norme, les fabricants de navigateurs ont déjà intégré de nombreuses fonctionnalités HTML5 dans leurs produits. Ce n'est pas surprenant, car le WHATWG est une alliance entre les fabricants de navigateurs Apple, Mozilla et Opera. La création du WHATWG a été une réaction directe à l'évolution lente des normes Web de la part du World Wide Web Consortium (W3C).
On peut se demander ce qui a poussé les fabricants de navigateurs à développer une norme HTML propre. Car jusqu'à présent, le développement de HTML était fermement entre les mains du W3C. Du point de vue des fabricants de navigateurs, les problèmes ont commencé lorsque le W3C a transformé HTML 4.01 en XHTML 1 sans corrections de contenu particulières. À l'origine, le W3C voulait établir XHTML 1 comme un premier pas vers un Web basé sur XML. À la fin du développement, XHTML 2 devait être au rendez-vous. C'est précisément cette concentration du W3C sur XML qui a dérangé les fabricants de navigateurs. Selon eux, l'approche XML est en pratique éloignée des réalités et ne reflète pas les souhaits réels des utilisateurs. (Ce que le W3C voit bien sûr différemment).
Depuis 2007, le W3C et le WHATWG collaborent à l'élaboration d'une spécification HTML5. Les développements actuels sur HTML5 sont disponibles sur http://www.w3.org/TR/html5/.
Les prochains tutoriels se concentreront sur HTML5.
CSS pour la mise en forme
Vous avez sûrement déjà travaillé avec des modèles de document dans Word ou d'autres programmes de traitement de texte. Par exemple, si vous sélectionnez une ligne, vous pouvez choisir un style de mise en forme.
Selon le style de mise en forme choisi dans le modèle de document pour ce style, l'en-tête sera alors affiché. En changeant de modèle de document, l'apparence de l'en-tête change également.
Quel est donc le lien entre Word et HTML ? Il existe également des styles de mise en forme pour les documents HTML. Ces styles de mise en forme peuvent être définis à l'aide de CSS (feuilles de style en cascade). Grâce au CSS, il est donc possible de définir, par exemple, que les titres principaux (h1) doivent être affichés en vert avec une police Arial de 22 pixels.
Ce dont vous avez besoin
Dans les prochains tutoriels, vous apprendrez progressivement HTML et CSS. Pour mettre en place vous-mêmes des sites Web en HTML et CSS, vous n'avez pas besoin d'un logiciel complexe. Dans le cas le plus simple, vous pouvez utiliser - si vous travaillez sous Windows - l'éditeur standard.
Il n'est pas très confortable, mais suffit pour commencer. Pour ceux qui préfèrent un peu plus de confort, il serait plutôt judicieux de chercher un éditeur HTML "véritable". L'un des classiques est bien sûr Dreamweaver.
Cet éditeur n'est cependant pas gratuit.
En revanche, pour les particuliers, phase5 est gratuit (http://www.phase5.info/). Si vous souhaitez utiliser l'éditeur pour un usage personnel, vous disposerez ici d'un outil efficace et gratuit.
En plus d'un éditeur, vous devriez également avoir installé les navigateurs les plus importants pour tester le site web. En effet, les navigateurs interprètent parfois de manière assez capricieuse le HTML et le CSS. Dans ce contexte, il est impératif de tester soigneusement les pages dans différents navigateurs. Vous devriez au moins avoir installé Internet Explorer, Google Chrome et Mozilla Firefox. Idéalement, testez également le site dans le navigateur Opera et sur une tablette/smartphone.