Lorsque dans un document html vous lisez <p>, <html> ou </h1>, ce sont des balises.
Ces balises la plupart du temps marchent par couple : une balise d'ouverture et une balise de fermeture; dans ce cas tout ce qui est entre ces deux balises constitue le contenu de la balise.
Certaines balises, comme <img/>, servent à insérer des objets non textuels dans une page web, et sont à la fois ouvrantes et fermantes.
On appelle élément d'un document html toute partie constituée par une paire de balises (ouvrante-fermante) et tout le contenu qu'elles enveloppent, y compris d'autres balises et leur contenu. En particulier, une balise img
est à elle seule un élément.
Autrement dit, dans un document html il y a autant d'éléments que de balises fermantes (ou ouvrantes).
Chaque élément d'une page web, sauf head
et tout son contenu, est dessiné par le navigateur à l'intérieur d'une boîte, en général rectangulaire, sur laquelle on peut agir grâce au langage CSS.
C'est ce qu'on va commencer à voir dans ce TD.