Contenu | Menu | Rechercher :
Le réseau des étudiants | Contact
Vous êtes ici : Le réseau social des étudiants ==> HTML, XHTML, CSS (feuilles de style)

HTML, XHTML, CSS (feuilles de style)

Dans ce chapitre on aura l'occasion d'apprendre quelques définitions, et d'explorer un peu les langages HTML, XHTML, CSS et SGML. Donc soyez attentif. Depuis que vous êtes lancés dans l'apprentissage des technologies Web, vous serez dans la galère. Croyez-moi, vous avez commis la plus grave erreur de votre vie, en osant s'approcher d'un sujet aussi épineux. Dorénavant vous n'aurez plus droit à jouer ni à dormir

HTML (HyperText Markup Language)

Le langage utilisé pour créer des sites web est le HTML : HyperText Markup Language en français langage de balisage d'hypertexte. Le langage HTML est un langage dérivé du langage de marquage généralisé SGML (Standard Generalized Markup Language) car il en emprunte la syntaxe.

Le HTML permet de structurer du texte (l'organiser sous forme de : paragraphes, titres et sous-titres, citations, listes à puces etc.), faire des liens, insérer des images et des tableaux, inclure du son et des formulaires etc. Généralement ce langage ne s'utilise pas en solo mais on le combine avec d'autres langages pour obtenir des sites plus performants comme :

XHTML (Extensible HyperText Markup Language : successeur du HTML)

Le XHTML est un langage de balisage qui constitue le successeur de HTML. Le XHTML se base sur la syntaxe définie par XML, plus récente et plus simple que la syntaxe définie par SGML sur laquelle se base HTML. Ce qui fait du HTML un langage obsolète mais en fin du compte ces deux langages se rapprochent beaucoup en règles d'écriture et permettent de remplir la même mission : créer des pages web.

Au cours de nos prochains tutos on va s'intéresser seulement au langage XHTML car c'est lui le plus récent et le plus populaire actuellement html-xhtml-css Mais souvenez-vous toujours que le XHTML au fond de lui n'est que la reformulation du HTML selon la syntaxe du XML, donc il s'agit seulement d'une modification de la syntaxe et non pas de fonctionnalités.

Le X signifie eXtensible qui fait référence au premier mot du XML : Extensible Markup Language et puis le reste (HTML) vous le connaissez.

Historique des langages : SGML, HTML, XML et XHTML

Pour bien comprendre la relation existant entre les langages de balisages : SGML, XML, HTML, XHTML, il faut se référer à l'histoire :
En 1986, le SGML (Standard Generalized Markup Language) a vu le jour. Il était caractérisé par une grande complexité. En fait sa spécification comprenait plus de 1200 pages html-xhtml-css ce qui l'a rendu inaccessible à tout le publique et par voie de conséquence il n'a pas connu beaucoup de succès html-xhtml-css

Les deux langages HTML et XML se sont découlés du langage SGML, mais avec peu de différences :

Le XHTML est une application du xml ce qui fait que le xhtml apporte au html les deux caractéristiques majeures suivantes :

CSS (Cascading Style Sheet) ou feuilles de style

CSS est l'abréviation du Cascading Style Sheet, on l'appelle en français : les feuilles de style en cascade, grâce a ce langage on détermine l'aspect et la présentation de nos pages web, par exemple le type de la police (Arial, Verdana...), la couleur de la police, la taille de la police, la couleur ou l'image de l'arrière-plan, fixer les marges, ajouter des bordures, positionner des éléments dans la page.

Grosso modo le XHTML sert à écrire le contenu de nos sites à savoir les titres, les paragraphes, les liens, les images, les tableaux etc. les CSS servent à donner du style et une bonne représentation au contenu des pages Web.

A vrai dire, je n'ai pas vidé tout mon sac. Mais rassurez-vous que vous allez parfaire vos connaissances à propos de ce langages au fil des chapitres Tuto suivant : Comment créer une page Web ? Editeurs ASCII et éditeurs WYSIWYG.

Cacher ce panneau   Accéder à la version étendue du chat

Cacher ce panneau