Exemple de page HTML

by chardetm

HTML

<h1>
  Ma première page web (titre niveau 1)
</h1>
<p>
  Ceci est un paragraphe.
</p>

<h2>
  Les balises basiques (titre niveau 2)
</h2>
<h3>
  Retour à la ligne et lien (titre niveau 3)
</h3>
<p>
  Un autre paragraphe suivi d'un retour à la ligne (br) puis d'un lien vers Google.
  <br>
  <a href="https://www.google.fr/">Texte du lien</a>
</p>
<h3>
  Image
</h3>
<img src="https://www.imt-atlantique.fr/sites/default/files/users/user336/IMT%20Atlantique%20-%203%20campus.png">
<h3>
  Mise en forme de texte (déconseillé)
</h3>
<p>
  Il est plutôt conseillé d'utiliser le CSS pour la mise en forme du texte. Voici cependant des balises de mise en forme rapide pour le prototypage : <b>ceci est en gras</b>, <i>ceci est en italique</i> et <u>ceci est souligné</u>.
</p>

<h2>
  Les listes
</h2>
<p>
  Les listes peuvent être ordonnées (les éléments sont alors numérottés) ou non-ordonnées (les éléments sont en général précédés d'un tiret ou d'une bulle).
</p>
<h3>
  Listes ordonnées (ordered list: ol)
</h3>
<ol>
  <li>Premier élément</li>
  <li>Deuxième élément</li>
</ol>
<h3>
  Listes non-ordonnées (unordered list: ul)
</h3>
<ul>
  <li>Premier élément</li>
  <li>Deuxième élément</li>
</ul>

<h2>
  Les tableaux
</h2>
<p>
  Les tableaux sont contenus dans des balises "table". Une balise contient plusieurs balises "tr", une pour chaque ligne du tableau. Enfin, chaque balise "tr" contient des balises "th" ou "td" : une par colonne. Une balise "th" indique une cellule de titre (header), tandis que "td" indique une cellule normale. Par défaut, les cellules n'ont pas de bordure, mais cela peut être changé en CSS.
</p>
<table>
  <tr>
    <th>Nom</th>
    <th>Âge</th>
    <th>Pays</th>
  </tr>

  <tr>
    <td>Maria</td>
    <td>25 ans</td>
    <td>Espagne</td>
  </tr>
  <tr>
    <td>Nicolas</td>
    <td>19 ans</td>
    <td>France</td>
  </tr>
</table>