Le langage HTML | Chapitre 2 : Les balises de base

Les balises de titre

Dans la création d’une page web, les balises de titre sont essentielles pour structurer le contenu. Elles permettent non seulement d’organiser le texte, mais aussi d’améliorer le référencement naturel de la page sur les moteurs de recherche. Les balises de titre vont de <h1> à <h6>, chacune ayant un niveau d’importance différent. La balise <h1> est la plus importante et doit normalement être utilisée pour le titre principal de la page. Par exemple, si vous rédigez un article sur le jardinage, la balise <h1> pourrait contenir le titre « Guide complet du jardinage ». Ensuite, pour les sous-titres, vous pouvez utiliser les balises <h2>, <h3>, etc. Ces balises hiérarchisent l’information et aident le lecteur à naviguer facilement sur votre site. En outre, elles jouent un rôle crucial pour le SEO (Search Engine Optimization). Les moteurs de recherche comme Google considèrent les titres pour évaluer la pertinence d’une page par rapport à une requête de recherche. Il est donc recommandé d’inclure les mots-clés importants dans les titres. Mais attention, n’abusez pas des balises de titre : utilisez-les de manière cohérente et logique.

Les paragraphes et les sauts de ligne

Les paragraphes sont la pierre angulaire de la lisibilité de vos pages web. En HTML, un paragraphe est créé avec la balise <p>. Il est important de structurer vos idées en paragraphes pour que vos lecteurs puissent suivre votre raisonnement sans difficulté. Par exemple, lorsque vous parlez d’un sujet, commencez par introduire votre idée dans le premier paragraphe, puis développez-la dans les suivants. Le saut de ligne, quant à lui, peut être réalisé avec la balise <br>. Cette balise est utile lorsque vous souhaitez créer un espace entre les lignes ou lorsque vous rédigez des poèmes ou des adresses. Cependant, il est préférable d’utiliser les sauts de paragraphe avec <p> plutôt que des sauts de ligne, car cela améliore la structure générale du document. Un texte aéré avec des espaces et des paragraphes bien définis est plus agréable à lire et permet au lecteur de rester concentré. Pensez à toujours relire votre texte pour vous assurer qu’il est clair et bien segmenté.

Les listes (ordonnées et non ordonnées)

Les listes sont un excellent moyen d’organiser vos informations de manière concise. En HTML, vous pouvez créer deux types de listes : ordonnées (numérotées) et non ordonnées (à puces). Pour une liste ordonnée, vous utilisez la balise <ol>, et pour une liste non ordonnée, la balise <ul>. Chaque élément de la liste est introduit par la balise <li>. Par exemple, si vous souhaitez lister les étapes pour planter un arbre, vous pouvez créer une liste ordonnée : <ol><li>Choisir un emplacement</li><li>Préparer le sol</li><li>Planter l'arbre</li></ol>. D’un autre côté, si vous voulez lister des types d’arbres, vous pouvez utiliser une liste non ordonnée comme ceci : <ul><li>Chêne</li><li>Sapin</li><li>Cerise</li></ul>. Les listes rendent vos informations plus accessibles et attrayantes pour le lecteur, et elles sont particulièrement utiles pour la présentation de procédures ou de caractéristiques.

Les liens hypertexte

Les liens hypertexte sont une partie essentielle du web. Ils permettent aux utilisateurs de naviguer d’une page à une autre, d’une section à une autre, ou d’un site à un autre. En HTML, vous pouvez créer un lien hypertexte avec la balise <a>. La balise <a> utilise l’attribut href pour spécifier la destination du lien. Par exemple, pour créer un lien vers Google, vous écririez <a href="https://www.google.com">Visitez Google</a>. Vous pouvez également créer des liens internes vers d’autres sections de votre même page en utilisant des ancres, ce qui améliore l’expérience utilisateur. Les liens peuvent aussi être utilisés pour intégrer des contenus multimédias ou pour rediriger vers des documents, comme des fichiers PDF. Enfin, il est bon de rappeler que tous les liens doivent être clairs et descriptifs. Un lien qui dit simplement