Prcdent

Les principales balises de structure Chapitre 6. HTML, quoi a resemble ?

Suivant

Les principales balises de structure

(Il n'y aura rien sur les couleurs ou la mise en page des textes, tout sera vu plus tard, avec les feuilles de style).
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

: ce sont les structures de base pour obtenir un plan de votre texte. Ces balises dfinissent les titres ( h comme Header, c'est--dire en-ttes) de diffrents niveaux (comme titre1, titre2, titre3, etc. dans un traitement de texte). Ainsi ce code source :
Bla bla bla. <h1>Un Bla bla Bla bla <h2>Un Bla bla Bla bla <h2>Un Bla bla Bla bla <h1>Un Bla bla Bla bla

titre</h1> bla. bla. sous-titre</h2> bla. bla. autre sous-titre</h2> bla. bla. autre titre</h1> bla. bla.

produira ce rsultat :

 <p>

: retour la ligne impratif (P pour Paragraph). Vous avez sans doute remarqu que les retours la ligne dans le code source n'ont aucun effet sur le rsultat affich. (Si ce n'est pas le cas regardez les 3 premiers bla de l'exemple prcdent, et comparer leur disposition dans le code source et dans le rsultat affich.) Vous devrez donc forcer les retours la ligne. Cela correspond l'appui sur la touche Entre dans un traitement de texte. L'utilisation de la balise fermante
</p>

est inutile (pour l'instant).

<ul>, <ol>, <li>

: tout ce qu'il faut pour faire des listes, numrotes ou non. Les lments de liste sont dfinis par <li> (pour List Item), qu'ils soient numrots ou non. C'est le type de liste <ul> (pour Un-numbered List) ou <ol> (pour Ordered List) qui dfinit la prsence ou pas de numrotation. Ainsi ce code source :
Une liste non numrote:

<ul> <li>un, <li>deux, <li>trois. </ul>

Une liste numrote:

<ol>

<li>un, <li>deux, <li>trois. </ol>

produira ce rsultat :

<em>, <strong>, <kbd>

: les seules balises de mise en valeur que nous verrons. Elle ne dfinissent pas la prsentation, mais le type de texte. Ce type sera traduit l'cran d'une manire peu prs identique dans tous les navigateurs, mais ce n'est pas garanti (et cela n'a d'ailleurs aucune importance). <em> signifie Emphatized (mis en valeur). Cela se traduira la plupart du temps par de l'italique. <strong> se traduira la plupart du temps par du gras . <kbd> dsigne du texte dont on veut montrer qu'il a t ou doit tre tap au clavier (KeyBoarD). Cela se traduira la plupart du temps par l'utilisation d'une police de type courrier(dite aussi chasse fixe). Ainsi ce code source :
Le texte peut tre mis en valeur de plusieurs manires, qui se traduisent <em>par des italiques</em>, <strong>du gras</strong> ou <kbd>une police chasse fixe</kbd>. Mais on <strong>peut <em>aussi <kbd>imbriquer</kbd>

les</em> <kbd>styles</kbd></strong>.

produira ce rsultat :

<hr>

: un trait horizontal (Horizontal Rule) sur toute la largeur du texte. La balise de fermeture n'existe pas.

<a href="***">

: pour construire des liens hypertextes (c'est quand mme le but premier de HTML...). La syntaxe en est simple. Pour construire un lien vers ma page, il suffit d'crire ceci :
vers <a href="http://www.grappa.univlille3.fr/~gonzalez">ma</a> page.

Que peut-on mettre comme adresse aprs

une

href

adresse complte d'une page qui se trouve n'importe o sur le web (il est impratif de faire figurer http://). le nom seul d'un fichier qui se trouve dans le mme rpertoire (sans http://). le chemin relatif d'accs un fichier qui se trouve sur le mme site, mais pas dans le mme rpertoire (sans http://).

Remarque
La balise dont on vient de parler est <a>. Elle contient un attribut (href="***"). Beaucoup de balises peuvent admettre des attributs, on les dcouvrira au fur et mesure des besoins.
Il

reste les balises de construction de tableaux et d'insertion d'images qu'on verra plus tard.

Prcdent Structure simplifie d'un document

Niveau suprieur

Suivant