Vous êtes sur la page 1sur 4

Mmento HTML

Ce mmento a t compos partir du site http://perso.wanadoo.fr/chatinais/courhtml/somrhtml.htm

Les exemples de ce document sont visibles ladresse : http://www-iasc.enst-bretagne.fr/~ptanguy/mementos/exempleHTML.html

Organisation globale dun document HTML


<HTML> <HEAD> entte du document </HEAD> <BODY> corps du document </BODY> </HTML>

Mise en forme du texte


<h1>Titre <h2>Titre <h3>Titre <h4>Titre h1</h1> h2</h2> h3</h3> h4</h4>

<p align="center"> Un paragraphe centr ! </p> <p> Un paragraphe<br> avec des retours<br> la<br> ligne </p> <hr>

Enst Bretagne

26/09/02

Enseignement

Dpartement IASC

Styles des caractres


<b>Gras</b> <i>Italique</i> <u>Soulign</u> <b><i>Gras et Italique</i></b> Base<sup>Exposant</sup> Base<sub>Indice</sub> <small>Petit</small> <big>Grand</big> <blink>Clignotant</blink> <strike>Barr</strike> <code>Code source</code> <cite>Citation</cite> <address>Adresse</address>

Les liens
Lien relatifs
<a href="fichier.html"> Texte de l'hyper lien vers le document</a> <a href="../index.htm">Index</a>

Liens absolus
<a href="http://www-iasc.enst-bretagne.fr/CHMEST/index.html">Site Web du IASC</a>

Courrier
<a href="mailto:philippe.tanguy@enst-bretagne.fr.fr">Contacter Philippe Tanguy</a>

Ancres : liens internes la page


<a name="le_debut"> Le dbut du document.</a> <a href="#le_debut"> Retour au dbut du document</a>

Liens sur une image


<a href="fichier_cible.html"> <img src="fichier_image.gif "> </a>

Les tableaux
<table border="1" align="center"> <tr> <th>Nom</th> <th>Prnom</th> </th> <tr> <td>Philippe</td> <td>Picouet</td> </tr> <tr> <td>Philippe</td> <td>Tanguy</td> </tr> </table> Marqueur de tableau Marqueur de ligne Marqueur de cellule de titre

Marqueur de cellule

Enst Bretagne

26/09/02

Enseignement

Dpartement Informatique

Les formulaires
<form method="post" action="mailto:philippe.tanguy@enst-bretagne.fr" > <p> Vous tes un stagiaire motiv ? <input type="radio" name="motive" value="oui" checked>oui <input type="radio" name="motive" value="non">non <i>(Choix exclusif)</i> </p> <p> Vous utilisez des bases de donnes : <input type="checkbox" name="bd" value="domicile">Chez vous.&nbsp;&nbsp; <input type="checkbox" name="bd" value="travail">Au travail.&nbsp;&nbsp; <input type="checkbox" name="bd" value="ailleurs">Ailleurs. <i>(Choix inclusifs)</i> </p> <p> Votre ge : <input type="text" name="age" size="2" maxlength="2"</input> <i>(100 ans et plus laissez un commentaire !)</i> </p> <p> Vous tes : <select name="qui" > <option value="lyceenne">Lycenne <option value="lyceen" selected>Lycen <option value="etudiante">Etudiante <option value="etudiant">Etudiant <option value="employee">Employe <option value="employe">Employ <option value="retraitee">Retraite <option value="retraite">Retrait <option value="sansempl">Sans emploi </select> </p> <p> Ville : <input type="text" name="ville" value=""> </p> <p> Commentaires : <textarea name="commentr" cols="50" rows="3"> Je n'ai rien dire... </textarea> </p> <p> Vous souhaitez corriger ou envoyer vos rponses : <input name="corriger" type="reset" value="Corriger"> <input name="livredor" type="submit" value="Envoyer"> </p> </form>

Images
En fond d'cran
<body background="nom_de_fichier.gif">

Enst Bretagne

26/09/02

Enseignement

Dpartement IASC

Dans les pages


<img src=" mouche.gif ">

Dans les tableaux


<td><img src="fichier.jpg"> </td>

Enst Bretagne

26/09/02

Vous aimerez peut-être aussi