Changement de casse pour suivre la convention du W3C (éléments en
majuscule, attributs en minuscule). Modified Files: bases.tml
This commit is contained in:
mlnguyen
parent
97e82c1a2b
commit
c81efa4731
1 changed files with 44 additions and 44 deletions
|
|
@ -50,18 +50,19 @@ distinguer les
|
|||
<TAGADA>, avec un < et un >. Les balises se referment avec
|
||||
</TAGADA>, / étant l'élément fermant. Les balises acceptent
|
||||
parfois des options, qu'on appelle des « attributs » : dans
|
||||
<TAGADA TYPE="plouf">, TAGADA est l'élément, TYPE l'attribut, et
|
||||
« plouf » la valeur de l'attribut.
|
||||
<TAGADA type="plouf">, TAGADA est l'élément, <code>type</code>
|
||||
l'attribut, et « plouf » la valeur de l'attribut.
|
||||
</p>
|
||||
|
||||
<h3>Casse</h3>
|
||||
|
||||
<p>
|
||||
Les balises HTML peuvent s'écrire aussi bien en majuscules qu'en
|
||||
minuscules. Pour des raisons de lisibilité, certains préfèrent les
|
||||
majuscules. C'est ce que nous utiliserons ici. Attention néanmoins,
|
||||
le XHTML, une forme avancée de langage de description, n'utilise que
|
||||
les minuscules. Peut-être préférerez-vous en prendre dès aujourd'hui
|
||||
minuscules. Pour des questions de lisibilité, le W3C conseille
|
||||
d'écrire les éléments en majuscule, les attributs en minuscule. C'est
|
||||
ce que nous ferons ici. Attention néanmoins, le XHTML, une forme
|
||||
avancée de langage de description, n'utilise que les
|
||||
minuscules. Peut-être préférerez-vous en prendre dès aujourd'hui
|
||||
l'habitude.
|
||||
</p>
|
||||
|
||||
|
|
@ -84,7 +85,7 @@ sp
|
|||
</p>
|
||||
|
||||
<pre>
|
||||
<p>Je vous préviens tout de suite, c'est <em>non.</p></em>
|
||||
<P>Je vous préviens tout de suite, c'est <EM>non.</P></EM>
|
||||
</pre>
|
||||
|
||||
<p class="continue">n'est pas syntaxiquement correct. Il faut refermer
|
||||
|
|
@ -197,7 +198,7 @@ rares balises qui peuvent ne pas
|
|||
<h5>Auteur de la page</h5>
|
||||
|
||||
<pre>
|
||||
<META NAME="author" CONTENT="Jean-Paul Sartre">
|
||||
<META name="author" content="Jean-Paul Sartre">
|
||||
</pre>
|
||||
|
||||
<p class="continue">Vous pouvez déclarer plusieurs auteurs en séparant
|
||||
|
|
@ -205,7 +206,7 @@ les noms par des virgules.</p>
|
|||
|
||||
<h5>Encodage de la page</h5>
|
||||
|
||||
<pre><META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-8859-1"> </pre>
|
||||
<pre><META http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> </pre>
|
||||
|
||||
<p class="continue">Ceci déclare que votre page est du HTML et que
|
||||
l'encodage est l'iso-8859-1 (alias iso-latin-1), l'encodage standard
|
||||
|
|
@ -214,7 +215,7 @@ pour le navigateur.</p>
|
|||
|
||||
<h5>Langue de la page</h5>
|
||||
|
||||
<pre><META HTTP-EQUIV="Content-Language" CONTENT="fr"></pre>
|
||||
<pre><META http-equiv="Content-Language" content="fr"></pre>
|
||||
|
||||
<p class="continue">Quelques codes utiles : <code>fr</code> pour
|
||||
le français, <code>en</code> pour l'anglais, <code>de</code> pour
|
||||
|
|
@ -228,7 +229,7 @@ guillemets anglo-saxons ("") ou fran
|
|||
<h5>Mots clefs</h5>
|
||||
|
||||
<pre>
|
||||
<META NAME="keywords" LANG="fr" CONTENT="Philosophie, existentialisme,
|
||||
<META name="keywords" lang="fr" content="Philosophie, existentialisme,
|
||||
littérature engagée">
|
||||
</pre>
|
||||
|
||||
|
|
@ -273,10 +274,10 @@ Vous pouvez le copier-coller pour servir de mod
|
|||
<HTML>
|
||||
<HEAD>
|
||||
<TITLE><!-- insérer le titre --></TITLE>
|
||||
<META NAME="author" CONTENT="<!-- Insérer votre nom -->">
|
||||
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-8859-1">
|
||||
<META HTTP-EQUIV="Content-Language" CONTENT="fr">
|
||||
<META NAME="keywords" LANG="fr" CONTENT="<!-- Insérer les mots-clefs de votre page-->">
|
||||
<META name="author" content="<!-- Insérer votre nom -->">
|
||||
<META http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
|
||||
<META http-equiv="Content-Language" content="fr">
|
||||
<META name="keywords" lang="fr" content="<!-- Insérer les mots-clefs de votre page-->">
|
||||
</HEAD>
|
||||
|
||||
<BODY>
|
||||
|
|
@ -458,7 +459,7 @@ l'attribut TYPE :
|
|||
</p>
|
||||
|
||||
<pre>
|
||||
<OL TYPE="i">
|
||||
<OL type="i">
|
||||
<LI> mégavolts</LI>
|
||||
<LI> cornofulgure</LI>
|
||||
<LI> astéro-hache</LI>
|
||||
|
|
@ -556,14 +557,14 @@ balise <CODE>
|
|||
|
||||
<p>
|
||||
On se sert de l'élément <IMG> (pour <em>image</em>, bien sûr) et
|
||||
de ses attributs. Cet élément n'a pas besoin d'être refermé. Le plus
|
||||
important est SRC : il permet de spécifier l'adresse où aller chercher
|
||||
l'image. Ainsi, quand on écrit son fichier
|
||||
<code>~/www/index.html</code> pour inclure une image située dans son
|
||||
répertoire <code>~/www/images/</code>, on écrira :</p>
|
||||
de ses attributs. Cet élément n'a pas besoin d'être
|
||||
refermé. L'attribut plus important est <code>src</code> : il permet de
|
||||
spécifier l'adresse où aller chercher l'image. Ainsi, quand on écrit
|
||||
son fichier <code>~/www/index.html</code> pour inclure une image
|
||||
située dans son répertoire <code>~/www/images/</code>, on écrira :</p>
|
||||
|
||||
<pre>
|
||||
<IMG SRC="images/monimage.jpg">
|
||||
<IMG src="images/monimage.jpg">
|
||||
</pre>
|
||||
|
||||
<p class="continue">On peut aussi indiquer une adresse
|
||||
|
|
@ -571,7 +572,7 @@ r
|
|||
exemple :</p>
|
||||
|
||||
<pre>
|
||||
<IMG SRC="http://www.eleves.ens.fr/tuteurs/icones/note.png">
|
||||
<IMG src="http://www.eleves.ens.fr/tuteurs/icones/note.png">
|
||||
</pre>
|
||||
|
||||
<p>Il est obligatoire d'indiquer une description de votre image, en
|
||||
|
|
@ -581,11 +582,11 @@ raison quelconque l'image ne peut pas
|
|||
</p>
|
||||
|
||||
<pre>
|
||||
<IMG SRC="images/pouf.jpg" ALT="Photo de moi et mon chien Pouf en vacances">
|
||||
<IMG src="images/pouf.jpg" alt="Photo de moi et mon chien Pouf en vacances">
|
||||
</pre>
|
||||
|
||||
<p class="continue">Si l'image ne joue aucun rôle sémantique (elle est
|
||||
là uniquement pour décorer, on indique <code>ALT=""</code>.</p>
|
||||
là uniquement pour décorer, on indique <code>alt=""</code>.</p>
|
||||
|
||||
<p>Les formats les plus couramment utilisés pour le Web sont le JPEG,
|
||||
en <code>.jpg</code> et le GIF, en <code>.gif</code>
|
||||
|
|
@ -649,13 +650,13 @@ donn
|
|||
<p class="continue">
|
||||
On peut aussi, pour rendre le tableau un peu plus esthétique, et plus lisible (6
|
||||
cellules ça va, mais quand vous en aurez 42...), lui donner une bordure. On
|
||||
utilise pour cela l'attribut BORDER à qui on spécifie une épaisseur en nombre de
|
||||
pixels. Généralement, BORDER=1 suffit amplement à ce que vous voulez faire
|
||||
utilise pour cela l'attribut border à qui on spécifie une épaisseur en nombre de
|
||||
pixels. Généralement, border=1 suffit amplement à ce que vous voulez faire
|
||||
(délimiter mieux les cellules).
|
||||
</p>
|
||||
|
||||
<pre>
|
||||
<TABLE BORDER=1>
|
||||
<TABLE border=1>
|
||||
<CAPTION>Ceci est un tableau</CAPTION>
|
||||
<TR><TD> Colonne 1 </TD><TD> Colonne 2</TD></TR>
|
||||
<TR><TD> Cellule 1 </TD><TD> Cellule 2</TD></TR>
|
||||
|
|
@ -685,10 +686,10 @@ document. Les liens se d
|
|||
|
||||
<h3>Lien simple</h3>
|
||||
|
||||
<p>Le lien de base utilise l'attribut HREF :</p>
|
||||
<p>Le lien de base utilise l'attribut href :</p>
|
||||
|
||||
<pre>
|
||||
Retourner au <A HREF="http://www.eleves.ens.fr/">serveur des élèves</A>.
|
||||
Retourner au <A href="http://www.eleves.ens.fr/">serveur des élèves</A>.
|
||||
</pre>
|
||||
|
||||
<p class="continue">donne ainsi :</p>
|
||||
|
|
@ -706,9 +707,9 @@ faire un lien dessus, depuis la page d'accueil,
|
|||
</p>
|
||||
|
||||
<pre>
|
||||
Mon <A HREF="stage/rapport.html">rapport de stage</A> parle du lien
|
||||
entre les nombres <var>p</var>-adiques et les phases de la lune.
|
||||
</pre>
|
||||
Mon <A href="stage/rapport.html">rapport de stage</A>
|
||||
parle du lien entre les nombres <var>p</var>-adiques et les phases de
|
||||
la lune. </pre>
|
||||
|
||||
<h3>Ancres</h3>
|
||||
|
||||
|
|
@ -725,7 +726,7 @@ A :
|
|||
</p>
|
||||
|
||||
<pre>
|
||||
Les <A NAME="olm">Olmèques</A> ont véritablement existé. C'est la première
|
||||
Les <A name="olm">Olmèques</A> ont véritablement existé. C'est la première
|
||||
des grandes civilisations précolombiennes...
|
||||
</pre>
|
||||
|
||||
|
|
@ -739,16 +740,15 @@ la m
|
|||
HREF, mais en modifiant la syntaxe avec un <code>#</code> :</p>
|
||||
|
||||
<pre>
|
||||
Esteban, Zia et Tao rencontrent alors les Olmèques, une peuplade extra-terrestre
|
||||
(voir ici la <A HREF="#olm">véritable histoire du peuple
|
||||
olmèque</A>.
|
||||
</pre>
|
||||
Esteban, Zia et Tao rencontrent alors les Olmèques, une peuplade
|
||||
extra-terrestre (voir ici la <A href="#olm">véritable histoire
|
||||
du peuple olmèque</A>. </pre>
|
||||
|
||||
<p class="continue">Vous pouvez positionner un lien vers cette ancre
|
||||
même depuis un autre fichier :</p>
|
||||
|
||||
<pre>
|
||||
Voir <A HREF="citesdor.html#olm">l'histoire des Olmèques</A>.
|
||||
Voir <A href="citesdor.html#olm">l'histoire des Olmèques</A>.
|
||||
</pre>
|
||||
|
||||
<h3>Liens spéciaux</h3>
|
||||
|
|
@ -756,14 +756,14 @@ Voir <A HREF="citesdor.html#olm">l'histoire des Olm
|
|||
<p>
|
||||
Vous pouvez créer un lien de telle sorte que, lorsqu'on suit ce lien,
|
||||
on vous envoie un courrier électronique. On utilise toujours l'élément
|
||||
A et son attribut HREF. Seulement, le protocole du lien
|
||||
A et son attribut href. Seulement, le protocole du lien
|
||||
change. Auparavant c'étaient des liens HTTP (Web). Mais vous pouvez
|
||||
aussi utiliser le protocole mailto, qui est le protocole des courriers
|
||||
électroniques.
|
||||
</p>
|
||||
|
||||
<pre>
|
||||
Écrivez-moi : <A HREF="mailto:mon.adresse@ens.fr">mon.adresse@ens.fr</A>
|
||||
Écrivez-moi : <A href="mailto:mon.adresse@ens.fr">mon.adresse@ens.fr</A>
|
||||
</pre>
|
||||
|
||||
<p class="continue">Quand un lecteur suivra ce lien, son navigateur
|
||||
|
|
@ -783,7 +783,7 @@ pour un tiret (-). Ce qui donne :
|
|||
</p>
|
||||
|
||||
<pre>
|
||||
Mon adresse : <a href="mailto:jean&#45;paul&#46;sartre@ens.fr">jean&#45;paul&#46;sartre&#64;ens&#46;fr</a>
|
||||
Mon adresse : <A href="mailto:jean&#45;paul&#46;sartre@ens.fr">jean&#45;paul&#46;sartre&#64;ens&#46;fr</a>
|
||||
</pre>
|
||||
|
||||
<p>Complètement illisible, on est bien d'accord ? C'est ce que verra
|
||||
|
|
@ -792,7 +792,7 @@ par un navigateur verra ceci :
|
|||
</p>
|
||||
|
||||
<pre>
|
||||
Mon adresse : <a href="mailto:jean-paul.sartre@ens.fr">jean-paul.sartre@ens.fr</a>
|
||||
Mon adresse : <A href="mailto:jean-paul.sartre@ens.fr">jean-paul.sartre@ens.fr</a>
|
||||
</pre>
|
||||
|
||||
<p>Vous pouvez utiliser ce système avec d'autres protocoles, celui des
|
||||
|
|
@ -820,7 +820,7 @@ code est bon ou s'il reste quelques corrections
|
|||
</p>
|
||||
|
||||
<div class="metainformation">Auteur : Marie-Lan Nguyen. Dernière
|
||||
modification : 2003-05-15.</div>
|
||||
modification : <date value="$Date: 2003-06-11 16:26:18 $" />.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue