Aide-mémoire HTML
ADBDP > outils > Internet et cédéroms
Ecrire des pages HTML, c'est beaucoup plus simple que cela en a l'air ! Un simple éditeur de texte (par exemple, le bloc-notes de Windows) suffit. Cet aide-mémoire, qui ne prétend pas être un cours complet sur HTML, vous présente les balises les plus fréquemment utilisées.Pour vous familiariser avec HTML :
- n'hésitez pas à afficher le fichier source des pages web qui vous intéressent, à l'aide de votre navigateur ;
- suivez sur Internet un cours sur HTML.
Structure d'un document HTML
Paragraphes
Caractères
Puces et numéros
Liens
Tableaux
Structure d'un document HTML
<html> (ouverture du document)
<head> (ouverture de l'en-tête)
<title>Titre du document</title>
</head>
<body bgcolor="white"> (ouverture du corps du document)
Texte du corps du document
</body>
</html>
Paragraphes
<br> retour à la ligne<p> retour à la ligne + saut de ligne
<blockquote> Paragraphe en retrait</blockquote><center>paragraphe centré</center> <hr>insère une ligne horizontale
insère un espace insécable
<b>mise en gras</b>
Caractères<i>mise en italiques</i>
<h1>titre de niveau 1</h1>
<h2>titre de niveau 2</h2>
<h3>titre de niveau 3</h3>
<h4>titre de niveau 4</h4>
<h5>titre de niveau 5</h5>
<h6>titre de niveau 6</h6>
<font face="arial" size="2">définit la police et la taille des caractères</font>size="1" (minimun)
size=" 2"
size="3" (standard)
size="4"
size="5"
size="6"
size="7" (maximum)
<ul>
Puces et numéros</ul>
- <li>texte premier alinéa
- <li>texte deuxième alinéa
<ol>
</ol>
- <li>texte premier alinéa
- <li>texte deuxième alinéa
Définir un signet interne :
Liens
<a name="nom-du-signet"></a>Lien vers un signet interne :
<a href="#nom-du-signet">texte cliquable (affiché en bleu)</a>Lien vers un fichier externe :
<a href="nom-du-fichier.htm">texte cliquable (affiché en bleu)</a>Lien vers un signet dans un fichier externe :
<a href="nom-du-fichier.htm#nom-du-signet">texte cliquable (affiché en bleu)</a>Lien vers une adresse de messagerie électronique :
<a href="mailto:nom@serveur.fr">texte cliquable (affiché en bleu)</a>Insérer une image :
<img src="nom-de-l'image" alt="texte de substitution" width="999" height="999"> (999 = taille en pixels)<table border="0 ou 1"> (ouverture du tableau ; 0 = sans bordure ; 1 = avec bordure)
Tableaux
<tr> (ouverture de la rangée)
<td width="999 ou 99%" valign="top"> (ouverture de la cellule ; 999 = taille en pixels ; 99% = taille en pourcentage de l'espace disponible)
texte de la cellule
</td>
</tr>
</table>
|
|
 |