4.15. Introduction au HTML : structure de base, balises et attributs : HTML sémantique
HTML, ou HyperText Markup Language, est le langage de balisage standard pour les documents conçus pour être affichés dans un navigateur Web. C'est l'un des piliers fondamentaux du Web et il est utilisé pour structurer le contenu des pages Web.
La structure de base d'un document HTML commence par la déclaration du type de document, qui est . Vient ensuite la balise HTML, qui entoure tout le contenu de la page. Dans la balise HTML, nous avons deux parties principales : la tête et le corps.
La balise head contient des méta-informations sur le document, telles que son titre, des liens vers des scripts et des styles, ainsi que d'autres éléments qui ne sont pas affichés dans la fenêtre du navigateur. La balise body contient le contenu principal affiché aux utilisateurs dans la fenêtre du navigateur.
Ceci est un titre
Ceci est un paragraphe.
Ceci est un autre paragraphe.
Dans l'exemple ci-dessus, nous avons une structure de base d'un document HTML. La balise de titre définit le titre de la page, qui est affiché dans la barre de titre ou dans l'onglet de la page du navigateur. La balise h1 définit un titre de niveau 1 et les balises p définissent des paragraphes.
Balises et attributs
Les balises HTML sont les éléments constitutifs des pages HTML. Une balise HTML est un mot-clé entouré de crochets (< et >). La plupart des balises HTML sont présentées par paires : la balise d'ouverture et la balise de fermeture. La balise de fermeture est la même que la balise d'ouverture, mais avec une barre oblique (/) avant le mot-clé.
Les attributs HTML fournissent des informations supplémentaires sur les éléments. Ils sont toujours spécifiés au début de la balise et se présentent sous forme de paires nom/valeur. Par exemple, la balise img pour insérer des images a des attributs tels que src (pour spécifier l'URL de l'image), alt (pour spécifier le texte alternatif de l'image), width et height (pour spécifier la largeur et la hauteur de l'image). .< /p>
description
HTML sémantique
Le HTML sémantique consiste à utiliser une syntaxe HTML correcte pour renforcer la signification du contenu d'une page Web, plutôt que simplement pour la présentation. Le HTML sémantique utilise des balises HTML pour décrire précisément votre contenu. Par exemple, le symbole <b> est utilisé pour le gras, tandis que le <strong> est utilisé pour l'importance.
Les balises sémantiques aident non seulement les développeurs à comprendre le contenu et la structure d'une page, mais sont également utiles aux moteurs de recherche et aux technologies d'assistance telles que les lecteurs d'écran. Par exemple, en utilisant l'option <header> pour un en-tête de page, le <nav> pour la navigation, l'icône <main> pour le contenu principal, l'onglet <article> pour un article autonome, la <section> pour une section d'une page, le symbole <à côté> pour le contenu latéral et le <pied de page> au pied de page.
En résumé, apprendre la structure de base d'un document HTML, comprendre comment utiliser les balises et les attributs et appliquer le HTML sémantique sont des étapes fondamentales pour devenir un développeur front-end efficace.