Domaine : Systèmes, technologies et Internet Niveau : 4ème SI -- STI --
HTML5 (HyperText Markup Language)
HTML (pour HyperText Markup Language, qu'on peut traduire en « langage de balisage hypertexte ») est le langage
utilisé pour structurer une page web et son contenu.
Un document HTML est une suite d'éléments (balises).
Le commentaire HTML est introduit dans une balise < !-- un commentaire HTML -- >
Code minimal d’une page HTML
Exemples de structures d’une page HTML en utilisant les balises sémantiques :
Professeur : Nesrine Rid@ne Page 1 sur 2
Domaine : Systèmes, technologies et Internet Niveau : 4ème SI -- STI --
Eléments HTML
Un élément en HTML est composé de :
✓ Une balise ouvrante (tag) avec des attributs et leurs valeurs.
✓ Un contenu
✓ Une balise fermante. (Certains éléments ne nécessitent pas de balise de fermeture, ils sont appelés « éléments
vides ».)
Tout élément en HTML est soit de type « block » soit de type « inline » soit de type « inline-block ».
✓ Un élément de type « block » commence toujours sur une nouvelle ligne, prend toute la largeur disponible dans
la page et peut être redimensionné. Exemples : <p>, <div>, <h1>, <header>, <footer>, …
✓ Un élément de type « inline » ne commence pas sur une nouvelle ligne mais s’insère dans la ligne actuelle et
prend uniquement la largeur de son contenu.
Exemples : <strong>, <em>, <span>, <label>, …
✓ Un élément de type « inline-block » ne commence pas sur une nouvelle ligne mais s’insère dans la ligne actuelle
et peut être redimensionné. Exemples : <input>, <select>, <video>, <img>
Professeur : Nesrine Rid@ne Page 2 sur 2