Cours 1 : html

Balises HTML

Utiliser toujours comme référence le site tutoriel w3schools (et
utiliser la fonction « Try it yourself »)

Bloc vs. en ligne

Les élements de type blocs prennent toute la largeur de l’élément qui les
contient et sont précédés et suivis d’un saut de ligne.

Exemple avec h5 :

<h5>Ceci est un élément de type bloc</h5>texte qui le suit

Rendu :

Ceci est un élément de type bloc

texte qui le suit

Les tableaux

On utilise les balises suivantes :

• <table>
  pour définir le tableau
• <th>
  cellule d’en-tête (table head)
• <tr>
  ligne (table row)
• <td>
  cellule de données (table data)

L’exemple de w3schools est très parlant.

et pour des tableaux élaborés :

• <thead>
  en-tête
• <tfoot>
  bas du tableau (à définir juste après l’en-tête pour permettre au
  navigateur de calculer le rendu avant de lire toutes les données)
• <tbody>
  corps du tableau

Là encore, voir l’exemple de w3schools.

Ces trois trois balises de structure sont optionnelles mais si on en
utilise une, on doit utiliser les trois.

HTML5 et les balises sémantiques

• Un très bon livre en ligne : Dive into html5.
• Lire en particulier la section sur les balises sémantiques.
• Un exemple de page en html « classique » et
  en html5 avec balises sémantiques. Comparer le code
  source dans les deux cas.