Cours Webmaster SPIP, Système de publication pour Internet, tutoriel & guide de travaux pratiques en pdf.

Utilisation de tableaux

Il est souvent utile de présenter des informations mieux structurées qu’avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un tableau doit respecter les quelques règles suivantes : – Le tableau est encadré par les balises <TABLE> et </TABLE>. – Le titre du tableau est encadré par <CAPTION> </CAPTION> – Chaque ligne est encadrée par <TR> </TR> (Table Row, traduisez par ligne du tableau). – Les cellules d’en-tête sont encadrées par <TH> </TH> (pour Table Header : Entête de tableau)
– Les cellules de valeur sont encadrées par <TD> </TD> (Table Data: Donnée de tableau)
Voici un exemple de tableau HTML :
<TABLE BORDER= »1″>
<CAPTION> Voici le titre du tableau </CAPTION>
<TR>
<TH> Titre A1 </TH>
<TH> Titre A2 </TH>
<TH> Titre A3 </TH>
<TH> Titre A4 </TH>
</TR>
<TR>
<TH> Titre B1 </TH>
<TD> Valeur B2 </TD>
<TD> Valeur B3 </TD>
<TD> Valeur B4 </TD>
</TR>
</TABLE>

Présentation des ancrages

Les liens hypertextes (ancrages) sont des éléments d’une page HTML (soulignés lorsqu’il s’agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l’on clique dessus. Ce sont les liens hypertextes qui permettent de lier des pages Web entre elles. Ils permettent notamment de naviguer : – vers un autre endroit du document – vers un fichier HTML situé à un emplacement différent sur la machine qui héberge la page – vers une autre machine
L’attribut principal des ancrages est href. Il s’écrit sous la forme suivante :
<a href= »Adresse ou URL »> .. </a>

Lien externe 
Un lien externe est un lien vers une page pointée par son URL Par exemple : <a href= »http://www.commentcamarche.net »> Comment ça marche? </a>
Lien local
On peut créer un lien vers une page située sur le même ordinateur en remplaçant l’URL par le fichier cible. Ce lien peut être fait de façon relative, en repérant le fichier cible par rapport au fichier source. Si le fichier cible est « index.html » situé dans le répertoire parent, son lien s’écrira : <a href= »../index.html »> … </a>
Ce lien peut aussi être défini de façon absolue, en écrivant l’adresse du fichier cible de façon locale: <a href= »file:///lecteur:/répertoire/index.html »> …
</a>
Les signets
Il est également possible de créer un signet dans une page, c’est-à-dire marquer un endroit précis d’une page pour s’y rendre par un lien hypertexte. Les signets se définissent grâce à l’attribut NAME ou ID. La syntaxe est la suivante :
<balise id= »signet »> … </balise>
L’appel d’un signet se fait de la manière suivante :
<a href= »#signet »> … </a> Il est ainsi possible de permettre à l’utilisateur de se déplacer au sein d’une même page ou bien d’accéder à une section particulière d’une autre page :
<a href= »url/nom_du_fichier.html#signet »> … </a>