4.4. Introduction au HTML : structure de base, balises et attributs
HTML, qui signifie HyperText Markup Language, est le langage de balisage standard pour la création de pages Web. Il est utilisé pour décrire la structure et le contenu d'un document Web et est composé d'une série d'éléments ou de « balises » que le navigateur interprète pour afficher la page Web comme le souhaitait le développeur.
Structure de base d'un document HTML
Un document HTML de base commence par le doctype , qui indique au navigateur quelle version de HTML le document utilise. Le document HTML proprement dit commence et se termine par le symbole <html> et </html>.
Au sein de ces balises, nous avons deux parties principales : la "tête" (<head> et </head>) et le "corps" (<body> et </body>). L'« en-tête » contient des informations sur le document qui ne sont pas affichées dans la fenêtre du navigateur, telles que le titre de la page (qui est affiché dans la barre de titre ou l'onglet de la page du navigateur) et des liens vers des fichiers CSS et JavaScript pouvant être utilisés sur la page. . Le « corps » contient le contenu réel de la page affichée dans le navigateur.
Balises en HTML
Les balises sont utilisées pour marquer des éléments dans un document HTML. Ils sont généralement composés d’un nom d’élément entouré de crochets angulaires. La plupart des éléments HTML ont une balise d'ouverture et une balise de fermeture, le contenu de l'élément étant contenu entre les deux.
Par exemple, un paragraphe en HTML est marqué avec la balise <p> (la balise d'ouverture) et le </p> (la balise de fermeture). Tout ce qui se trouve entre ces deux balises est traité comme un paragraphe par le navigateur et affiché en conséquence.
Il existe de nombreuses balises différentes disponibles en HTML, chacune ayant un objectif spécifique. Certaines des balises les plus courantes incluent <h1> à <h6> pour les en-têtes, <p> pour les paragraphes, <a> pour les liens, <img> pour les images et <div> et <span> pour les divisions de contenu générique.
Attributs en HTML
Les attributs fournissent des informations supplémentaires sur un élément HTML. Ils sont toujours spécifiés dans la balise d'ouverture et se présentent généralement sous forme de paires nom/valeur. Par exemple, la balise de lien <a> inclut généralement l'attribut 'href', qui spécifie l'URL vers laquelle le lien doit pointer.
D'autres attributs courants incluent 'src' (qui spécifie la source d'un élément, tel qu'une image ou une vidéo), 'alt' (qui fournit un texte alternatif pour un élément, à afficher si l'élément ne peut pas être rendu) et 'style' (qui peut être utilisé pour ajouter du CSS directement à un élément).
Les attributs constituent une partie importante du HTML car ils vous permettent de personnaliser le comportement et l'apparence d'un élément en fonction de vos besoins. Cependant, ils doivent être utilisés avec parcimonie, car une utilisation excessive des attributs peut rendre le code HTML difficile à lire et à maintenir.
En bref, HTML est un langage de balisage puissant et flexible qui vous permet de créer une grande variété de pages Web. En comprenant la structure de base d'un document HTML, ainsi que l'utilisation des balises et des attributs, vous pouvez commencer à créer vos propres pages Web et devenir un développeur front-end efficace.