Exemple de page web sans style
Titre du 1er article

Architecture de la page

Par exemple : La page est architecturée selon la maquette affichée plus loin.
Vous n'avez pas besoin de la modifier, il suffit de la télécharger/copier.
(Ce texte est un encart contenant une remarque ou un focus sur un point particulier du thème de la section.

Le code de la page est correct, il n'y a seulement aucun style de mise en forme autre que le style par défaut du navigateur.
On y trouve :

  • des listes (comme celle-ci)
  • des titres
  • des images
  • des tables
  • etc. ...
Voila, lorsque vous aurez bien observé cette page, voire affiché la source, vous passerez à la page suivante qui contient un peu de style afin de faire apparaître les espaces de texte.

RemarqueLes différents espaces seront marqués par des cadres ou des couleurs de fond différents par l'une ou l'autre feuille de style qu'on ajoutera au fur et à mesure de la présentation.

Ceci est un texte bidon de remplissage : Quodam fors quodam primigenios Samiramidis iuxta Samiramidis aptatae servitium quae Samiramidis obluridi hominum praepositis faciunt cursu quaqua digerentibus vicinitate fontes.
Gentes aliquotiens Isauriam repellenteque Persarum locum eum numero re arma locum incursare gentes a ordinatus.

Article 2

Voici quelques tables et une image (la maquette de la structure de cette page).
L'image devrait être flottante à droite et ombrée afin de ne pas encombrer le texte. Les tables devraient être encadrées et les cellules aussi.

Exemple 1
l2c1 l2c2 l2c3
l2c1 l2c2 l2c3
l3c1 l3c2 l3c3
Exemple 2
l2h1 l2h2 l2h3 l2h4
l2c1 l2c2+c3+c4
l3c1+ l4c1 l3c2 l3c3 l3c4
l4c2 l4c3 l4c4
l5 colonnes fusionnées
Exemple 3
l2c1 l2c2 l2c3
l2c1 l2c2
table incluse
l2c1 l2c2 l2c3
l2c1 l2c2 l2c3
l3c1 l3c2 l3c3
l2c3
l3c1 l3c2 l3c3

Article 3
Lien pour trouver des textes aléatoires qui ont l'air vrai Et iis sunt novo libentius et inanima adferunt spem sed herbis commorati Quin res vetustas commorati quod feci adferunt silvestribus vis est sunt enim adferunt vero suo nemo illae herbis impediat est locis vero non mentionem sumus quibus res si quod libentius autem ut ut tamen adferunt in Nec in in diutius utatur valet conservanda novo nemo impediat appareat in libentius et quidem feci enim consuetudinis delectemur est vis Quin vis si silvestribus vis in sumus quin fallacibus in quidem quidem modo non quae conservanda modo modo etiam etiam consuevit mentionem impediat repudiandae novo silvestribus impediat sumus inanima etiam vis.

Quodam fors quodam primigenios Samiramidis iuxta Samiramidis aptatae servitium quae Samiramidis obluridi hominum praepositis faciunt cursu quaqua digerentibus vicinitate fontes.
Gentes aliquotiens Isauriam repellenteque Persarum locum eum numero re arma locum incursare gentes a ordinatus nos Nohodares versabili quadam perrupturus iuvant incessunt in quidam usquam et repperisset iuvant saepe quadam.

Footer de l'article 3
Section 2
Article 4
Texte en encart
Quodam fors quodam primigenios Samiramidis iuxta Samiramidis aptatae servitium quae Samiramidis obluridi hominum praepositis faciunt cursu quaqua digerentibus vicinitate fontes.
Et iis sunt novo libentius et inanima adferunt spem sed herbis commorati Quin res vetustas commorati quod feci adferunt silvestribus vis est sunt enim adferunt vero suo nemo illae herbis impediat est locis vero non mentionem sumus quibus res si quod libentius autem ut ut tamen adferunt in Nec in in diutius utatur valet conservanda novo nemo impediat appareat in libentius et quidem feci enim consuetudinis delectemur est vis Quin vis si silvestribus vis in sumus quin fallacibus in quidem quidem modo non quae conservanda modo modo etiam etiam consuevit mentionem impediat repudiandae novo silvestribus impediat sumus inanima etiam vis.

Lorem Elsass ipsum réchime amet non Choucroute knack hopla.

Wotcht du a kofee avec ton BibalaekaesSalat et ta wurscht ?

Yeuh non che suis au réchime, je ne mange plus que des Grumbeere ou des hartäpffel light et bio et che fais de la chym avec Chulien. Tiens, un Picon sur le comptoir.

Allez tchao bissame, dû KNACSS !

Hopla Salut dû auy, Raphaël, biss nàchst.

Footer de l'article 3