HTML et CSS
HTML (Hyper Text Markup Language) est un langage de marquage (ou de balisage) permettant de formaliser l’écriture de documents au moyens de balises qui indiquent au navigateur comment afficher le document et comment le lier à d’autres documents existant sur le même site ou sur n’importe quel autre site du World Wide Web à l’aide du protocole HTTP.
Il est l’invention de Tim Berners-Lee qui travaillait à l’époque pour le CERN et qui a annoncé la création du World Wide Web (la toile d’araignée mondiale) en 1991.
HTML, HTTP et WWW sont intimement liés puisque c’est la notion même de liens hypertextes reliant des documents situés sur des serveurs du monde entier qui est à l’origine de l’analogie avec une "toile d’araignée mondiale".
Le langage HTML ainsi que le protocole HTTP sont des standards internationaux établis par le World Wide Web Consortium.
La spécification actuellement recommandée par le W3C est le HTML 4.01 et son extension vers le standard XML, le XHTML 1.1.
En attendant la sortie de la future version HTML 5.0 encore en phase (très avancée) de développement, je recommanderais aux apprentis webmasters de se concentrer essentiellement sur l’apprentissage du langage XHTML, qui reprend l’intégralité de la spécification HTML 4.01 mais avec des normes d’écritures plus strictes, et bien évidemment du CSS (Cascading Style Sheets ou feuilles de style) indissociable du XHTML.
Chaque fois que j’emploierai dans cette rubrique le terme HTML sans mentionner une version spécifique, il ne s’agira que d’une commodité de langage pour faire référence en réalité au couple XHTML/CSS.
Bonne lecture.
Articles publiés dans cette rubrique
par Loki
HTML, XHTML et CSS pour les nuls
par Loki
Quels DOCTYPES pour XHTML ?
Qu’est-ce qu’un DOCTYPE
Si vous affichez le code source d’une page web (pas de celle-ci, car SPIP utilise le HTML 4.01 et pas le XHTML), vous constaterez que la toute première "instruction", avant la balise <html> ressemble à ceci :
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>Cette instruction indique au navigateur que le code HTML contenu dans cette page respecte (ou est censé respecter) une norme décrite par une DTD (Dédinition de Type de Document), un fichier qui indique les éléments et les attributs d’un langage de marquage et leurs règles d’utilisation, dans cet exemple le fichier xhtml1-transitional.dtd consultable sur le site du W3C.
Dans une DTD XHTML, on définit par exemple que <p> est une balise autorisée, qu’elle est de type block et qu’on peut l’utiliser par exemple à l’intérieur d’un élément <div>.
par Loki
HTML : une petite introduction
A l’origine, Tim Berners-Lee voulait créer un langage servant à décrire la structure d’un document et totalement indépendant de la plateforme ou de l’outil utilisé pour l’affichage.
Il y avait donc des balises pour indiquer les titres, les sous-titres et les paragraphes, mais pas de notion de marge, de couleur, de police ou de taille des caractères. Libre aux concepteurs des navigateurs de choisir la meilleure façon d’afficher un document.
A cette époque, les utilisateurs étaient essentiellement des chercheurs et des universitaires qui s’intéressaient davantage au contenu du document qu’à la façon dont il était présenté.
par Loki
HTML : les outils de base
Editeurs HTML/XML
Pour vos premiers pas avec le langage HTML, aucun investissement nécessaire, nul besoin de logiciels chers et complexes, le “bloc-notes” de Windows (notepad.exe) suffit amplement à vos besoins, et une fois sauvegardée votre page HTML, vous pourrez la visualiser avec Internet Explorer ou Mozilla Firefox.
Lorsque vos pages commenceront à être un peu plus compliquées, un éditeur HTML comme NotePad++ ou PSPad deviendra indispensable.
par Loki
HTML, XHTML et CSS : ressources en ligne.
Quel meilleur endroit que le site du World Wide Web Consortium (W3C pour les intimes) pour apprendre ce que sont les langages HTML, XHTML et le CSS, puisque cette organisation, dirigée par l’inventeur du Web, Tim Berners-Lee, développe les standards du Web. Si le site est majoritairement en anglais, on peut y trouver quelques articles en français dont ce tutoriel :
