Les éléments d'en-tête se trouvent comme leur noms l'indique dans l'en-tête du document HTML. Ils sont composés de métadonnées (données sur les données), d'éléments permettant de lier le document à d'autres (feuilles de style en particulier) et de code d'un langage de script supporté par le navigateur (JavaScript, JScript).

Les éléments de structure permettent de définir la structure générale du corps du document (ce qui est affiché par le navigateur). On trouvera ici ce qui permet de faire des sections, des titrages, des pieds de page, etc.

Les éléments de groupement permettent de raffiner les composants de la structure générale en définissant des paragraphes, des listes de types divers, des figures, etc.

Les éléments de tableau définissent des structures faites de lignes et de colonnes. Avant le support correcte des feuilles de style CSS par les navigateurs, les tableaux étaient le seul moyen qu'on avait trouvé pour réaliser des mises en page évoluées des document HTML. Cette utilisation détournée est aujourd'hui totalement abandonnée et les éléments de tableau servent à présenter des données comme peut le faire un tableur.

Les éléments de texte gérent le texte à l'intérieur des éléments de groupement. En réalité, avec l'utilisation quasi générale des feuilles de style (CCS), ces éléments sont devenus marginaux et de moins en moins utilisés.

Les éléments embarqués permettent d'inclure du contenu externe dans la page. Le plus important et le plus utilisé est bien sûr l'élément img qui intègre une image dans la page. D'autres types de médias (vidéo, audio) sont maintenant bien pris en charge par les navigateur modernes.

Les éléments de formulaire sont extrêmement importants. Ce sont eux qui permettent des interactions avec l'utilisateur. Il n'y a pratiquement pas une page Web sans formulaire, le plus connu étant celui qui se trouve sur la page de recherche de google.