Espace
Espace
Espace
Virtuel
Virtuel
Virtuel
(X)HTML
Les listes
Listes à puces
Listes numérotées
Listes de termes
Les tableaux
Tableaux
Les cellules, bordures
Légendes et titres
Alignement
Ma première page

Les balises <meta>

Les balises META ce placent entre les balises <head> balise Meta </head> et servent à donner des indications aux robots qui passent pour référencer votre site. Elles sont nombreuses, alors j'énumérerai les principales et vous laisse le choix d'approfondir ou non le sujet !

Page complète

Voici la structure compléte d'une page pour commencer. Afficher/Cacher le code de la page

Titres, paragraphes, les lignes et retour à la ligne

Les balises ce placent entre <body> et </body> le corps de la page.
Il existe 6 niveaux de titre qui se déclinent dans l'ordre suivant :

Les titres

Les paragraphes

La balise paragraphe s'ouvre de cette façon : <p> et se referme de cette façon : </p>

<h2>La balise paragraphe</h2>
<p>Je suis un paragraphe ! etc... Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In et erat ac tellus bibendum molestie. Nullam nulla purus, dignissim vel, pulvinar a, tempor ac, augue.</p>

Les lignes

Parfois, il peut être utile de rajouter une ligne et pour cela il existe la balise <hr>. Cette balise ne se referme pas et est désaprouvée avec une DTD déclarée en STRICT. Vous pouvez créer aussi une ligne avec les feuilles de styles (CSS).

Nous allons reprendre l'exemple ci-dessus et mettre une ligne sous le titre. Pour cela nous ajouterons simplement la balise <hr> à côté de notre titre.

<h2>La balise paragraphe</h2><hr>
<p>Je suis un paragraphe ! etc... Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In et erat ac tellus bibendum molestie. Nullam nulla purus, dignissim vel, pulvinar a, tempor ac, augue.</p>

Retour à la ligne

Bien souvent, nous avons besoins de faire retourner le texte à la ligne à partir d'un endroit précis. La balise <br /> est là pour vous aidez. Il suffit de la mettre juste après le mot ou la phrase que nous voulons couper. Nous garderons l'exemple ci-dessus et allons faire retourner à la ligne le texte juste après etc...

<h2>Le retour à la ligne</h2><hr>
<p>Je suis un paragraphe ! etc...<br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In et erat ac tellus bibendum molestie. Nullam nulla purus, dignissim vel, pulvinar a, tempor ac, augue. </p>