Introduction

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.