
En premier ce qu'on doit savoir, c'est que le socle principal d'un document web est composé des éléments suivants: le X-HTML et les CSS. Le but principal de la feuille de style (CSS) est de séparer le contenu d'une page web (titres, textes, objets, images, photos...) -- de sa présentation (grosseur, couleur, mise en forme des caractères, position des éléments, soulignement, image de fond... ).
Ces deux langages de base, créés et développés par le W3C (World Wide Web Consortium à but non lucratif), ont pour raisons d'être l'interopérabilité et l'accessibilité du net au plus grand nombre dont les personnes handicapées et d'autres avec limitations visuelles, auditives, motrices et cognitives.
Les feuilles de style sont utilisées pour spécifier comment les éléments du X-HTML doivent apparaître dans les navigateurs. En exemple, il peut y avoir une feuille de style adaptée pour un lecteur vocal, une autre pour un grand écran de télévision ou bien balisée pour un petit mobile, une autre encore pour n'imprimer que du texte, etc.
Et ce qui aide encore plus, un bon site se construit de façon sémantique si on utilise les normes recommandées. C'est-à-dire avec une structure 'logique' dont les titres plus importants viennent en premier (ex. h1, h2, h3..) suivis par les autres en ordre décroissant et se terminant par des paragraphes et textes; le tout enjolivé de photos, d'images ou d'animations. Pour les navigateurs plus anciens, le rendu pourrait différer un peu mais la sémantique aidera à ce qu'il soit lisible
En résumé, nous avons les balises du X-HTML pour créer la page et y mettre une structure intégrant textes et objets. Ensuite, la feuille de style (CSS) pour dire au navigateur comment présenter le contenu du document web aux internautes.