Html

Généralités

HTML est un langage de structuration de document, et accessoirement de mise en page.
Ce n’est pas un langage de programmation !

HTML = structuration + conséquences visuelles
Tableaux = mise en page simple, graphique
Feuilles de style (CSS 1) = mise en page simple, rigoureuse
Tableaux + CSS 1 = mise en page évoluée
DIV + CSS 2 = mise en page complexe (mais les logiciels de création actuels ne sont pas encore au point)

Fichier Html = fichier texte
Extension .htm ou .html
Consulté dans un navigateur (et vérifier dans plusieurs).

Principe des balises

Une balise en ouverture, la même en fermeture précédée de /

Figure 1 - Utilisation de deux balises, P et B
<p>Un texte, avec quelques mots en <b>gras</b></p>

Une balise peut avoir (ou non) des attributs, des options...

Figure 2 - La fermeture d'une balise est toujours sans options
<p>texte</p>
 
<p align="right">texte</p>

Certaines balises n'ont pas besoin d'être fermées (on peut les autofermer)

Figure 3 - Notez l'espace avant le /
<br> ou <br />

majuscule = minuscule
balise fin = balise début précédée de / et sans attribut
Balise = tag = marqueur
caractère séparateur entre deux options = Espace, Retour chariot, tabulations

Principe des conteneurs

On ne peut pas mettre du texte n'importe où - on ne peut le mettre que dans un conteneur adapté.

Figure 4 - Bonne imbrication (on y reviendra)
<HTML lang="fr">
   <HEAD>
      <title>titre de la page</title>
   </HEAD>
   <BODY>
      <h1>titre dans le texte</h1>
      <p>corps <b>du</b> texte</p>
   </BODY>
</HTML>

Présentation

Supports de cours

Et aussi...

Html

Généralités

Principe des balises

Principe des conteneurs