Académique Documents
Professionnel Documents
Culture Documents
Structure générale
<HTML>
<HEAD>
<TITLE>
Le titre de la fenêtre
</TITLE>
</HEAD>
<BODY>
Votre oeuvre avec autant de <...> </...> inclus les uns
dans les autres que vous le voulez. C'est dans cette partie
que se trouve le gros du travail.
</BODY>
</HTML>
À chaque fois que vous voulez afficher autre chose que du texte de cette taille non accentué;
vous devez signaler le début de l'action et la fin de l'action:
<ACTION> texte sur lequel l'action agit </ACTION>
Vous remplacerez le mot ACTION par le mot clef approprié.
Notez tout de suite deux exceptions qui n'agissent pas sur autre chose et qui n'ont donc pas de
fermeture: (il y en a d'autres vous les découvrirez bien assez tôt
<br> qui provoque le retour à la ligne
<hr> qui trace une ligne horizontale
Actions principales
Mettre un titre
Titre H1
s'écrit :
<H1>Titre H1 </H1>
Titre H2
Titre H3
Titre H4
Titre H5
Titre H6
Le texte ordinaire est écrit en vrac sans se soucier ni des espaces ni des retours à la ligne ni de
sa présentation générale dans le fichier html.
Les accents
éèêàû
<i> Italique </i> <b> Bold gras </b> <u> Underline souligné </u>
<br>
On peut aussi construire des paragraphes isolés les uns des autres.
Pour sauter une ligne il faut faire un paragraphe avec un espace insécable
<P> </P>
<pre>
Une mise en évidence est aussi possible
et
prend tel qu'il est
le texte inscrit
</pre>
Listes
Liste numérotée
1. un
2. deux
3. trois
<OL>
<LI>un
<LI>deux
<LI>trois
</OL>
Liste simple
un
trois
douze
<UL>
<LI>un
<LI>deux
<LI>trois
</UL>
Liste emboîtée
un
trois
o un
o trois
o douze
douze
vingt
<UL>
<LI>un
<LI>trois
<UL>
<LI>un
<LI>trois
<LI>douze
</UL>
<LI>douze
<LI>vingt
</UL>
Liste de définitions
Sujet
définition ligne 1
définition ligne 2
Autre sujet
définition l permettant un fort remplissage avec les mêmes caractéristiques que les
autres textes ordinaires.
<DL>
<DT>Sujet
<DD>définition ligne 1
<DD>définition ligne 2
<DT>Autre sujet
<DD>définition l permettant un fort remplissage avec les
mêmes caractéristiques que les autres textes
ordinaires.
</DL>
<IMG SRC="http://www.designvegetal.com/gadrat/images/4CM/0/A12.JPG"
ALT="[Seringat_en_fleurs]" ALIGN=middle>
Pour un fichier situé dans le même répertoire sans alignement particulier on peut
écrire:
Pour appeler un fichier situé dans le même répertoire comme celui sur les accents on peut
écrire:
<A HREF="accents.html">accents</A>
../ permet de remonter d'un répertoire pour entrer dans un répertoire à partir de celui où l'on
est il faut écrire son nom suivi de /
<A HREF="../repertoire_html/accents.html">accents</A>
<A HREF="../../../../contact.html">
cours designvegetal.com
</A>
Pour envoyer un message tout rempli avec un lien à cliquer: Envoyer le message
mailto:un@serveur1, deux@serveur2 ?
cc=trois@serveur3 &
bcc=quatre@serveur4 &
subject=Le sujet &
body=Le%20texte%20du%20message%0d%0aligne%20deux
remarques: l'option body ne marche pas avec netscape 2, Il faut aussi oublier les accents.
Faire un tableau
B C
Ici on met le texte de la
1 Dans cette case un lien avec le fichier accents
case B1
Vous pouvez voir comment j'ai réduit l'image de la case d'à côté en
2
regardant le fichier source
<TABLE BORDER=3 CELLPADDING=1>
<TR>
<TD>
</TD><TD>
B
</TD><TD>
C
</TD></TR>
<TR>
<TD>
1
</TD><TD>
Ici on met le texte de la case B1
</TD><TD>
Dans cette case un lien avec le fichier
<A HREF="accents.html">accents</A>
</TD></TR>
<TR>
<TD>
<P>2
</TD><TD>
<IMG SRC="../ordi.GIF" WIDTH=20 HEIGHT=20 ALIGN=bottom>
</TD><TD>
Vous pouvez voir comment j'ai
réduit l'image de la case
d'à côté
Largeur totale du
</TD></TR> tableau 200
</TABLE> Hauteur totale du
tableau 100
Cette fonction permet de placer des éléments avec une bonne
précision sur la page en utilisant les option de largeur et Largeur de la cellule |
hauteur 150 |
Hauteur de la cellule |
<TABLE BORDER=1 WIDTH=200 HEIGHT=150 align=right > 100 |___
<TR>
<TD WIDTH=150 HEIGHT=100> Si le logiciel accepte |¨¨¨¨¨¨
Largeur totale du tableau 200<BR> des paramètres |
Hauteur totale du tableau 100<BR> supplémentaire
<BR> align=right
Largeur de la cellule 150<BR>
Hauteur de la cellule 100
</TD>
<TD VALIGN=bottom HEIGHT=100>
|<BR>
|<BR>
|<BR>
|___
</TD>
</TR>
<TR>
<TD WIDTH=150>
<CENTER>Si le logiciel accepte des paramètres
supplémentaire align=right</CENTER>
</TD>
<TD VALIGN=top>
|¨¨¨¨¨¨<BR>
|
</TD>
</TR>
</TABLE>
Autres actions parfois utiles
Faire un renvoi vers une section d'un fichier
1. Il faut d'abord créer une ancre dans le fichier au début de la section sur laquelle on
veut renvoyer
<A NAME="nom_ancre"></A>
2. Il faut ensuite appeler cette ancre dans un lien de fichier avec le symbole #
<A HREF="#nom_ancre">Aller vers le début de la section nommé nom_ancre </A>
On peut appeler #nom_ancre directement si elle est dans le fichier affiché ou l'indiquer pour
un autre fichier