html
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteDernière révisionLes deux révisions suivantes | ||
html [2016/01/02 12:15] – simon | html [2016/01/03 10:26] – simon | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== HTML ====== | ====== HTML ====== | ||
- | L' | + | L' |
+ | ==== Éléments de structure ==== | ||
+ | === Structure principale === | ||
<code html> | <code html> | ||
< | < | ||
< | < | ||
+ | <!-- commentaire --> | ||
< | < | ||
+ | </ | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | === Paragraphes === | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | === Listes === | ||
+ | == Listes ordonnées == | ||
+ | On utilise la balise '' | ||
+ | <code html> | ||
+ | <ol> | ||
+ | < | ||
+ | < | ||
+ | </ol> | ||
+ | </ | ||
+ | |||
+ | == Listes non ordonnées == | ||
+ | On utilise la balise '' | ||
+ | <code html> | ||
+ | <ul> | ||
+ | < | ||
+ | < | ||
+ | </ul> | ||
+ | </ | ||
+ | |||
+ | == Exemple de mélange == | ||
+ | On peut bien entendu mélanger les deux types de listes : | ||
+ | <code html> | ||
+ | <ul> | ||
+ | < | ||
+ | < | ||
+ | <ol> | ||
+ | < | ||
+ | < | ||
+ | </ul> | ||
+ | </ | ||
+ | |||
+ | === Tableaux === | ||
+ | Pour créer un tableau, on utilise la balise ''< | ||
+ | <code html> | ||
+ | <table border=" | ||
+ | < | ||
+ | <tr> | ||
+ | <th colspan=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | </ | ||
+ | < | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | | ||
+ | <tr> | ||
+ | < | ||
+ | < | ||
+ | </tr> | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | === Div === | ||
+ | '' | ||
+ | <code html> | ||
+ | < | ||
+ | <div style=" | ||
+ | <div style=" | ||
+ | <div style=" | ||
+ | <a href=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ==== Mise en forme ==== | ||
+ | === Gras et emphase === | ||
+ | On peut mettre un mot ou un groupe de mots en gras avec la balise ''< | ||
+ | <code html> | ||
+ | <p>Du texte avec du < | ||
+ | </ | ||
+ | |||
+ | === L' | ||
+ | Pour presque chaque élément de la structure, on peut rajouter des titres, de la couleur, choisir la taille du texte. On utilise l' | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | <!-- commentaire --> | ||
+ | < | ||
+ | <!-- Titre de la page --> | ||
< | < | ||
</ | </ | ||
< | < | ||
- | <p style=" | + | <!-- Un paragraphe --> |
+ | < | ||
+ | <p style=" | ||
+ | <p style=" | ||
+ | <p style=" | ||
+ | <p style=" | ||
+ | <p style=" | ||
</ | </ | ||
</ | </ | ||
</ | </ | ||
+ | {{ : | ||
+ | |||
+ | === Alignement === | ||
+ | L' | ||
+ | <code html> | ||
+ | <h3 style=" | ||
+ | <h3 style=" | ||
+ | <h3 style=" | ||
+ | </ | ||
+ | |||
+ | ==== Gestion des images ==== | ||
+ | Pour insérer une image, on utilise la balise '' | ||
+ | <code html> | ||
+ | <img src=" | ||
+ | </ | ||
+ | |||
+ | ==== Sources et tutoriels ==== | ||
+ | * [[https:// | ||
+ | * [[http:// |