Un exemple de page web en HTML5 (titre en taille 1)

Un titre (taille 2)

Un titre (taille 3)

Un titre (taille 4)

Un titre (taille 5)
Un titre (taille 6)

Un paragraphe.

Un deuxième paragraphe. Il n'y a pas de saut de ligne.

Un troisième paragraphe.
Avec un saut de ligne.

Un mot en gras, en italique.

Exposant et indice : 1er 2ème
y = x1 + x2

Lettres grecques, caractères spéciaux :

Ω β < > ≤ ≥ ≠ ∞ √ € – © → ★

Une liste :

Une table :

Courant (A) Tension (V) Puissance (W)
1,0 5,0 5,0
2,0 15,0 30,0
3,0 20,0 60,0

Un lien hypertexte vers l'article HTML5 du site web de WikiPédia

Un autre lien hypertexte ici.

Une photo de Richard Stallman (située sur le site web de Wikipédia).
Passez la souris sur chacune des images :

Richard Stallman Richard Stallman Richard Stallman

Un trait horizontal :


Un lien vers une vidéo :
Richard Stallman : Qu'est-ce que le logiciel libre ?

Où l'on reparle des feuilles de style CSS

Comme on le voit, les pages en HTML sont assez austères (il n'y a que la structure).
Pour mettre de la couleur, des traits au tableau..., il faut définir des feuilles de style (CSS).
Dans Firefox, on peut désactiver les feuilles de style :
Menu → Développement → Editeur de style : Masquer la feuille de style
Essayer avec la page d'accueil de Google : ça change tout !

© Fabrice Sincère ; version 1.6

Valid HTML5