6
Si vous vous demandez ce qu’est le HTML, nous avons la réponse. Ce terme est souvent utilisé dans le contexte de la conception de sites web.
Qu’est-ce que le HTML : langage de balisage pour la structure de votre site web
Le terme « HTML » signifie « Hypertext Markup Language », en français « langage de balisage hypertexte ». Il s’agit du format dans lequel les pages web sont écrites.
- Le créateur du site web rédige le texte d’un site web dans un fichier HTML. Le fichier HTML permet de structurer et de formater un texte (par exemple, la taille et la police de caractères). De plus, vous pouvez intégrer des liens vers d’autres sites web via HTML ou ajouter des images, des vidéos ou des sons d’ambiance à votre texte.
- Les navigateurs tels que Chrome, Firefox, Safari ou Internet Explorer lisent le fichier HTML en quelques fractions de seconde, puis l’affichent graphiquement.
- En règle générale, les fichiers HTML ne sont plus rédigés par les utilisateurs eux-mêmes. Les exploitants de sites web sont déchargés de cette tâche grâce à une interface graphique, par exemple via des systèmes de gestion de contenu tels que WordPress ou Typo3.
- Conseil : cliquez avec le bouton droit de la souris dans une zone libre de ce site web et sélectionnez l’option « Enregistrer sous » ou « Enregistrer la page sous ». Vous pouvez ensuite télécharger le fichier HTML de ce site web et consulter le code brut dans l’éditeur. Outre les mots individuels, vous trouverez régulièrement des commandes pour les liens ou les images.
Interaction avec CSS et JavaScript
Autrefois, les pages Web étaient entièrement programmées en HTML. En raison du dynamisme croissant de nombreux sites Internet, le CSS, qui diffère du HTML, s’est imposé dans la conception Web moderne.
- C’est pourquoi le HTML ne sert plus qu’à structurer un site Web. Vous déterminez par exemple si un texte doit apparaître sous forme de titre ou de texte courant.
- Dans un fichier CSS lié, vous définissez ensuite le format que doit avoir un tel paragraphe. CSS (Cascading Style Sheets) s’occupe du design : couleurs, espacements, mises en page ou polices.
- JavaScript apporte l’interactivité : animations, saisies de formulaires ou contenus dynamiques.
- Ensemble, HTML, CSS et JavaScript forment le « triangle magique » du web design moderne. HTML est toujours la base sur laquelle tout le reste repose.
Structure d’un document HTML, balises et attributs
Un document HTML suit une structure claire. Il se compose de deux parties principales : l’ en-tête (
) et le corps ().- L’ en-tête contient des informations qui ne sont pas directement visibles sur le site web, telles que le titre, les métadonnées ou les références à des fichiers CSS et JavaScript externes.
- La zone du corps contient le contenu proprement dit : textes, images, titres, listes ou liens.
- Le langage HTML fonctionne avec des balises (également appelées « éléments »). Les balises sont écrites entre chevrons, par exemple
pour un paragraphe ou pour un lien. Elles apparaissent généralement sous forme de balises de début et de fin qui encadrent le contenu correspondant.
- De plus, les balises peuvent contenir des attributs qui fournissent des informations supplémentaires. Ainsi, l’attribut href indique la destination d’un lien.
