un Site A Mon Image

Les techniques - HTML et CSS

Pour avoir un exemple
de code HTML,
pointez votre souris
dans ce texte puis

• clic droit ->"afficher la source" (sous Internet Explorer)

• clic droit->"code source de la page" (sous FireFox).

Une fenêtre texte s'ouvrira et affichera le "source" HTML de la page Web.


HTML ne plante pas :
si une balise n'est pas comprise,
le navigateur passe outre
et continue de décoder
le flux de texte.

HTML et CSS

HTML est le format de données conçu pour représenter les pages web.
Il mélange étroitement des balises de formattage avec le contenu du texte à afficher.

Un flux de texte balisé

Le HTML est juste un flux de texte "balisé" envoyé à votre navigateur par le serveur. C'est le navigateur qui fait le travail sur votre PC ou Mac, en s'aidant de son dictionnaire de balises et de sa logique de script pour afficher le résultat que vous voyez.
Entre autres, HTML a des balises pour décorer le texte (fontes, gras, italiques, tableaux...),  des balises pour insérer des média (images, objets flash, etc...), et des balises de formulaire pour collecter les données utilisateur à envoyer au serveur.

Histoire

HTML 1.0 est né en 1993, mais ses origines remontent à 1989.
Le concept de feuilles de style CSS a été introduit en 1990.
Le principal enjeu est de séparer le texte de sa décoration pour la regrouper dans un fichier annexe, chargé en même temps que la page.
Les CSS ont des éléments structurants (pour la mise en espace) et des éléments décoratifs (font-style, color, background, etc...)

Demo

Cliquez ici pour visionner la feuille de style associée à cette page.
Cliquez ici pour visionner la page HTML SANS sa feuille de style.
Cliquez ici pour visionner la page HTML AVEC sa feuille de style.

En savoir plus

• HTML en tutoriel
• HTML en encyclopédie

A mon Image ? | Qui sommes-nous | Mentions légales | Contact | ©2010 Un site à mon Image