Accueil
Forum
Aide
Page d'accueil
Signalez une erreur
Ecrire à Jean-Francois Pillou
Introduction
Marqueurs
Caractères spéciaux
Marqueurs de structure
Tableaux
Balises de style
Liens hypertextes
Images
Fonds de page
Table des couleurs
Formulaires
Méta Tags
Frames
Glossaire
Version 2.0.1

Les marqueurs peuvent être répartis en 2 classes, ceux qui modifient la structure de la page et ceux qui modifient le style du texte.
Parmi les marqueurs de structure on trouve les en-têtes, les paragraphes, les listes ...

Les en-têtes

Ils fonctionnent par paire (<balise></balise>), il en exitste 6 niveaux:

Balise Effet Visuel
H1 Test
H2 Test
H3 Test
H4 Test
H5 Test
H6 Test

Les attributs

Les attributs suivants sont placés dans les marqueurs de structure pour mettre en place les éléments:

Attribut Valeur Effet Visuel
ALIGN LEFT

RIGHT

CENTER

JUSTIFY

LEFT

RIGHT

CENTER

JUSTIFY

NOWRAP   Interdit de reporter des mots d'une ligne à l'autre
ID   Attribue un nom au contenu du marqueur (pour faire des liens)
LANG   Spécifie un langage différent
CLASS   Assigne une classe au contenu (pour les feuilles de style)
CLEAR   Utilisé dans le cas d'un texte entrourant une image. Il permet de descendre dans la page aussi loin qu'il est nécessaire pour atteindre une marge libre

Ils s'utilisent de la manière suivante:

<MARQUEUR ATTRIBUT1=XXXXX ATTRIBUT2=XXXX> Texte </MARQUEUR>

Par exemple:
<H1 ALIGN=LEFT> Texte aligné à gauche <H1>

Paragraphes

HTML considère les paragraphes comme des blocs de texte. Les browsers répartissent au mieux leur contenu dans leur fenêtre à moins qu'ils n'aient rencontré un attribut NOWRAP ou NOBR.
A l'intérieur d'un paragraphe, les espaces, tabulations et retours chariot comptent pour un seul espace (il ne sert à rien de mettre plusieurs espaces, il faut recourir à un autre moyen).

La mise en page par blocs de texte est réalisé par l'intermédiaire de la paire de balises <p> et </p>.
Ce marqueur accepte n'importe lequel des attributs vus précédemment.

Le retour chariot (retour à la ligne simple) est réalisé grâce à la balise <br>

On peut aussi insérer une ligne horizontale grâce à la balise <hr>.
Balise Attribut Effet Visuel
<br>   retour à la ligne
<p> et </p>   paragraphe
<hr size=5 width=20% align=left> SIZE
WIDTH
ALIGN



Blocs d'éléments

Il existe des marqueurs servant à indenter le texte. Ce sont des conteneurs. Par exemple:

Conteneur Effet Visuel
<blockquote> et </blockquote>
Texte indenté
<address> et </address>
Pour écrire une adresse
<note> et </note> Pour écrire une note
<fn> et </fn> Permet d'avoir une note de fin de page
<banner> et </banner> Fixe un bloc de texte par rapport à la page
<pre> et </pre>
Permet d'écrire un texte PREFORMATTE
en conservant entre autres     les espaces

Les listes

Une liste est un paragraphe structuré contenant une suite d'articles. Il en existe trois types:

  • Ordonnée
  • Non ordonnée
  • De définition

Voici leur syntaxe:

Conteneur Type de liste Effet Visuel
<ol>

<li> article 1 </li>

<li> article 2 </li>

</ol>

Ordonnée
  1. article 1
  2. article 2
  3. article 3
<ul>

<li> article 1 </li>

<li> article 2 </li>

</ul>

Non ordonnée
  • article 1
  • article 2
  • article 3
<dl>

<dt>Terme</dt>

<dd>Définition</dd>

</dl>

De définition
article 1
définition 1
article 2
définition 2

Il existe des attributs spécifiques aux listes:

Attribut Valeur Effet Visuel
COMPACT   resserre l'interligne
PLAIN   supprime les puces
SEQNUM   définit le premier numéro
START   définit le premier numéro
CONTINUE   repart du numéro où il s'était arrété
à la liste précédente

TYPE (pour les listes
ordonnées)
1

A

a

I

i

numérotation chiffrée (par défaut)

numérotation en capitales

numérotation en bas de casse

numérotation en chiffres romains (I, II, III, IV ...)

numérotation en chiffres romains en bas de casse

TYPE (pour les listes
non-ordonnées)
circle

square

disc

  • puce circulaire
  • puce carrée
  • puce en disque


© Copyright 2003 Jean-François Pillou.
Ce document issu de CommentCaMarche.net est soumis à la licence GNU FDL. Vous pouvez copier, modifier des copies de cette page tant que cette note apparaît clairement.