Accueil | Compétences maîtrisées | Cours Html
Etudions la structure des pages HTML : |
| <HTML> indique au navigateur qu'il doit restituer ce qui suit <HEAD> tête de la page <TITLE> Titre à afficher dans le navigateur </TITLE> <BODY> corps de la page ... </BODY> fin du corps de la page </HTML> fin
de la page html |
|
Elles ne sont pas sensibles à la casse c'est à dire qu'on peut écrire sans distinction en minuscule ou MAJUSCULE sans incidence sur le résultat obtenu. |
|
Les principales balises
sont :
|
|
Ouverture
|
Signification
|
Fermeture
|
Exemple
|
|
<b>
|
mettre
en gras
|
</b>
|
|
|
<i>
|
mettre
en italique
|
</i>
|
"
|
|
<u>
|
souligner
|
</u>
|
"
|
|
<s>
|
rayer
|
</s>
|
"
|
|
<br>
|
passer
à la ligne
|
aucune
|
|
|
<p>
|
nouveau
paragraphe
|
</p>
|
"
|
|
<br><br>
|
passer
deux fois à la ligne
|
aucune
|
"
|
|
<b>
<i>
|
cumuler
gras et italique
|
</b>
</i>
|
"
|
|
<h1>
|
6
tailles de titre (de <h1> à
<h6>)
|
</h1>
|
"
|
|
<center>
|
centrer
|
</center>
|
|
|
<p align="left">
|
aligner
le paragraphe à gauche
|
</p>
|
"
|
|
<p align="right">
|
aligner
le paragraphe à droite
|
</p>
|
"
|
|
<p align="center">
|
centrer
le paragraphe
|
</p>
|
"
|
|
<hr>
|
tracer
un trait horizontal
|
aucune
|
|
|
<hr width=25%>
|
…
d'une largeur de 25 % du navigateur
|
aucune
|
"
|
|
<hr
width=30>
|
…
de 30 pixels de large
|
aucune
|
"
|
|
<hr
size="10">
|
…
de 10 pixels d'épaisseur
|
aucune
|
"
|
|
<img
src="image.gif">
|
déclarer une image
|
aucune
|
"
|
|
<img
src="..." width="50" height="20">
|
…
de 50 pixels de large et 20 pixels de haut
|
aucune
|
"
|
| <table> | ouvrir un tableau | </table> | |
| <tr> | ouvrir une ligne de tableau | </tr> |
"
|
| <td> | ouvrir une cellule dans un tableau | </td> |
"
|
| <table border="2"> | tracer une bordure de tableau de 2 pixels d'épaisseur | </table> |
"
|
| <th> | donner un titre à une colonne | </th> |
"
|
| <th colspan="5"> | fusionner 5 colonnes d'un tableau | </th> |
"
|
| <td rowspan="2"> | fusionner 2 cellules d'un tableau | </td> |
"
|
| <table cellspacing="2"> | espace de 2 pixels entre deux cellules | </table> |
"
|
| <table cellpadding="4"> | espace de 4 pixels entre une cellule et son contenu | </table> |
"
|
| <td bgcolor="#9900FF"> | colorier une cellule en violet | </td> |
"
|
| <tr bgcolor="#FFFF00"> | colorier une ligne de tableau en jaune | </tr> |
"
|
| <a href="http://www.lien.com"> | proposer un lien hypertexte vers un site | </a> | |
| <a href="http://www.ab.fr" target="_blank"> | ouvrir un lien dans une nouvelle page | </a> |
"
|
| <a href="nomdelapage.htm"> | envoyer vers une page de votre site | </a> |
"
|
|
<a
href="mailto:abc@provider.com">
|
proposer
l'envoi d'un mail
|
</a>
|
"
|
| <a href="http://www.ab.fr"><img src="..."> | insérer un lien sur une image | </a> |
"
|
| <img src="..." border="0"> | éviter le cadre disgrâcieux autour de l'image | </a> |
"
|
| <img src=" … " alt= "Ecrivez-moi" | afficher du texte sur une image | </a> |
"
|
| <font color="#FF0000"> | changer la couleur du texte | </font> | |
| <font size="1"> | 7 tailles de police de x (de"1" à"7") | </font> |
"
|
| <font face="Arial"> | définir une police particulière pour le texte | </font> |
|