C'est ici que nous allons mettre le contenu de la page !

Ceci est un paragraphe normal...
... de deux lignes : remarquez que les retours à la ligne s'effectuent avec la balise br et que tous les autres espacements et retours à la ligne sont remplacés par un seul espace par le navigateur.

Deux paragraphes sont espacés de manière à les distinguer.

Voici maintenant un paragraphe préformaté.
        Dans celui-ci, les espaces      supplémentaires, tabulations et retours
à la ligne sont pris en compte par le navigateur.
Veuillez l'utiliser avec parcimonie, lorsque cela est vraiment nécessaire,
comme les exemples de code source (que nous verrons plus tard).
Tutoriel HTML et CSS

Tutoriel HTML et CSS

Utilité

Ces languages sont les standards du WEB et sont reconnus par tous les navigateurs
Apprenons-les donc !

Apprentissage

Le HTML

Et vous ne le connaissez pas déjà ? Tant pis, ce n'est qu'un exemple !

Le CSS

Pareil : nous le verrons plus tard

Et voici une liste ordonnée :

  1. Commencer par porter l'eau à ébulition
  2. Puis, placez les œux dans la caserolle
  3. Et là, veuillez faire ces étapes dans l'ordre :
    1. Prennez une petite assiète
    2. Placez-y la bave de crapeau (bon d'accord, je manque d'imagination pour cet exemple)
    3. Et puis débrouillez-vous...
  4. Bon appéti, bien sûr !
Éléments de niveau bloc
Éléments qui peuvent généralement contenir des blocs à leur tour, ou du contenu en ligne.
Éléments de niveau texte
Éléments en ligne
Éléments qui ne peuvent contenir que des éléments en ligne.
18 février
Journée du libre à Trifouilli les Oies.
1 mars
Anniversaire d'une grande personnalité.

Voici un texte contenant un lien vers une autre page du site, puis un autre lien vers un site externe, ainsi qu'un lien pour télécharger MonProgramme3000 Pro Edition.

Premier paragraphe

Avec de l'imagination, on voit ici un paragraphe très long mais très intéressant.

Second paragraphe

Encore un peu d'imagination...

Une photo du bambin :
le petit pinguin que j'ai adopté, il porte
toujours des couches et a toujours sa tétine et son hochet

En mathématiques, si 2·x = 8, alors x = 4. Fulgurant, non ?

En C++, pour écrire un texte à l'écran, c'est très simple : printf("Salut, Monde !");. Remarquez que vous pouvez stoquer le texte dans une variable, nommée texte par exemple ! Et voici un Hello World complet :

int main() {
    char *texte = "Salut, Monde !";
    printf(texte);
    exit(0);
}

Pour compiler, tappez gcc exemple.c et vous devriez obtenir ceci à l'écran :

[seb@localhost seb]$ gcc exemple.c
gcc: exemple.c: No such file or directory
gcc: no input files
Oui, moi je dit que le noir c'est mieux
Et je m'y connais.

Moi, par contre, je suis convaincu que le blanc c'est mieux.


Si vous avez des questions sur l'enregistrement, contactez-nous à webmaster@site.org, ou téléphonez-nous au 09 76 34 67 12.
Unitées SI (partiel)
Nom Symbole
mètre m
kilograme kg
Exemple de colspan et rowspan
Nom
Bidule Machin
Cellule sur deux lignes Voilà...
Et la dernière ligne

=======================================================

Je vous prévient : n'en abusez pas, ou sinon, ça irra très mal !

Ceci est un bout de code,
Ben oui ça ne se voit pas !
------------------------------------------------------------ Titre de la page

Titre de la page

Introduction

Première partie

Premier paragraphe

Ceci est un paragraphe normal avec un lien !

Titre avec un span

Paragraphe suivant le premier titre, qui utilisait un span.

Titre brut

Paragraphe suivant le second titre, qui utilisait la technique du display inline.

*********************************************** Catalogue des bateaux - Maquettes Casey Steven & Son

Maquettes Casey Steven & Son

Catalogue des bateaux

Les bateaux qui flottent

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc metus. Aliquam elementum euismod massa. Suspendisse potenti. Maecenas laoreet. Nulla volutpat nisl eget est. Quisque lorem augue, iaculis eu, pellentesque sit amet, dictum tincidunt, mi. Curabitur vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed nec est in est blandit pulvinar. Duis iaculis consequat lectus. Etiam posuere nulla eu mauris. Nullam auctor mollis nibh. Ut quis nulla. Integer lacus eros, viverra in, dapibus at, feugiat vitae, tellus. Praesent arcu metus, bibendum at, dapibus quis, bibendum volutpat, ligula. Aenean neque libero, porttitor eget, molestie nec, dapibus sed, arcu. Proin ac pede at libero rhoncus nonummy.

Integer fermentum vulputate dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean elementum enim et massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam euismod pretium mi. Aliquam vitae lacus vitae nisi commodo dictum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sit amet dui. Suspendisse congue, risus eu fermentum cursus, neque sapien aliquet orci, vel lobortis felis tellus et nibh. Donec id leo. In quis nisi eget nunc scelerisque venenatis. Aenean porta. Fusce interdum tellus ac urna.

Les bateaux qui ne flottent pas

Nullam nonummy, elit id semper luctus, massa nunc fringilla urna, ac dignissim libero metus sit amet ante. Vivamus sodales erat a pede. Sed vehicula tellus at arcu. Mauris laoreet condimentum felis. Sed mauris dolor, tempus et, ornare non, porttitor sit amet, pede. Sed tempor. Sed porta, nisl at porttitor viverra, felis nisi ultricies velit, cursus elementum purus arcu vel pede. Etiam varius. Duis ut libero id ligula laoreet vulputate. Nam at enim vitae orci porta placerat. Nullam nec lectus ac erat commodo gravida. Nulla rhoncus turpis quis arcu lobortis suscipit. Mauris condimentum dapibus mi. Integer sed eros. Fusce suscipit, ante porttitor pulvinar gravida, ligula est volutpat orci, fermentum feugiat neque neque at augue. Duis nonummy scelerisque purus. Vestibulum ac nunc. Nam nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque nonummy.

© 2007 Sébastien Laoût
Cette maquette de site sert d'illustration à la page Maquette du Tutoriel HTML & CSS de Sébastien Laoût.
*********************************************** Catalogue des bateaux - Maquettes Casey Steven & Son

Maquettes Casey Steven & Son

Catalogue des bateaux

Les bateaux qui flottent

Lorem ipsum...

Paragraphe de copyrights...