|
langage html
LES
BALISES DE STRUCTURE
Les
balises peuvent être réparties en 2 classes : celles qui modifient la structure
de la page et celles qui modifient le style du texte. Parmi les balises de structure
on trouve les en-têtes, les paragraphes, les listes...
Les
en-têtes
Les
balises d'en-tête fonctionnent par paire (<balise></balise>),
il en existe 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 balises de structure pour permettre
une disposition plus précise des éléments HTML :
| 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 de la balise (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 entourant une image. Il permet
de descendre dans la page aussi loin qu'il est nécessaire pour atteindre
une marge libre |
Les
attributs s'utilisent de la manière suivante:
<BALISES
ATTRIBUT1=XXXXX ATTRIBUT2=XXXX> Texte </BALISE>
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ée par l'intermédiaire de la paire
de balises <p> et </p>. Cette balise 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>.
| Balise |
Effet Visuel |
| <br> |
retour à la ligne |
| <p> et </p> |
paragraphe |
Bloc d'éléments
Il
existe des balises 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 |
- article 1
- article 2
- 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
|
|
page
suivante : les tableaux en html
|
