<balise attribut1="..." attribut2="..."> ... </balise>
<h1> ... </h1> |
Titre de niveau 1 | On peut utiliser h1, h2, h3, ... jusqu'à h6. |
<p> ... </p> |
Paragraphe pour contenir du texte, des liens, des images, ... | |
<a href="..."> ... </a> |
Lien | href désigne l'URL de la page
Ajouter l'attribut target="_blank" pour que le lien ouvre une nouvelle page.
|
<img src="..." width="..." height="..." /> |
Image |
src désigne l'URL de l'image width désigne la largeur de l'image height désigne la hauteur de l'image Unité : pixels (px) |
<br /> |
Retour à la ligne | |
<table> ... </table> |
Tableau | |
<tr> ... </tr> |
Ligne d'un tableau | |
<td> ... </td> |
Cellule d'une ligne d'un tableau | |
balise{
propriete1 : ... ;
propriete2 : ... ;
}
Si on rajoute l'attribut class="XXX" à un ou plusieurs éléments HTML, on peut changer leur style dans le fichier CSS en écrivant .XXX{ ... }.
Si on rajoute l'attribut id="XXX" à un (et un seul) élément HTML, on peut changer son style dans le fichier CSS en écrivant #XXX{ ... }.
| Style | Propriété | Valeurs possibles |
|---|---|---|
| Couleur de fond | background-color |
Nom de la couleur en anglais Ou code RGB : rgb(...,...,...) |
| Couleur du texte | color |
Nom de la couleur en anglais Ou code RGB : rgb(...,...,...) |
| Taille du texte | font-size |
Valeur en pixels (px) ou en « vw » (pourcentage de la largeur de l'écran) |
| Alignement du texte | text-align |
left, right, center ou justify |
| Centrage d'un bloc | margin |
auto |
| Marges extérieures d'un bloc | margin-top margin-bottom margin-left margin-right |
Valeurs en pixels (px) |
| Bordure | border |
Par exemple : 1px solid red [épaisseur] [style de la bordure] [couleur] |