Introduction au HTML
HTML, ou Hyper Text Markup Language, est le langage de balisage standard pour la création de pages Web et d'applications. Il décrit la structure d'une page Web et se compose d'une série d'éléments HTML, également appelés balises, que le navigateur utilise pour afficher le contenu.
Structure de base
Un document HTML de base suit une structure spécifique. Il commence par le type de document qui indique au navigateur qu'il s'agit d'un document HTML5. Ensuite, nous avons le <html> qui implique l’intégralité du contenu de la page. Au sein de cette balise, nous avons deux parties principales : la balise <head> et le <body>.
La <head> contient des métadonnées sur le document, telles que le titre de la page (affiché dans l'onglet du navigateur), des liens vers des fichiers CSS, des définitions de caractères et d'autres informations qui ne sont pas visibles par l'utilisateur.
Le <body> C'est ici que nous plaçons tout le contenu que nous souhaitons rendre visible aux utilisateurs lorsqu'ils visitent notre page. Cela peut inclure du texte, des images, des vidéos, des liens, des listes, des tableaux et bien plus encore.
Balises
Les balises HTML constituent la base de toute page Web. Ils indiquent au navigateur comment le contenu doit être interprété et affiché. Les balises sont placées entre crochets angulaires (< et >) et la plupart des balises ont une balise d'ouverture et de fermeture, avec le contenu entre elles. Par exemple, le symbole <p> est utilisé pour les paragraphes de texte. Pour créer un paragraphe, vous devez placer votre texte entre la balise d'ouverture <p> et la balise de fermeture </p>.
Il existe de nombreuses balises HTML, chacune ayant son propre objectif et son propre usage. Certains des plus courants incluent <h1> à <h6> pour les en-têtes, <a> pour les liens, <img> pour les images, <ul> et <li> pour les listes non ordonnées, et <table>, <tr> et <td> pour les tableaux.
Attributs
Les attributs HTML sont utilisés pour fournir des informations supplémentaires sur un élément. Ils sont placés dans la balise d'ouverture et se composent d'un nom d'attribut et d'une valeur d'attribut, séparés par un signe égal. Par exemple, la balise d'image <img> utilise l'attribut 'src' pour spécifier l'URL de l'image qui doit être affichée, et l'attribut 'alt' pour fournir un texte alternatif qui sera affiché si l'image ne peut pas être chargée.
D'autres attributs courants incluent « id » et « class » pour le style CSS, « href » pour spécifier l'URL d'un lien et « style » pour ajouter du CSS directement à un élément.
Comprendre la structure de base, les balises et les attributs du HTML est la première étape pour devenir un développeur front-end. Avec cette base, vous pouvez commencer à explorer CSS et JavaScript pour ajouter du style et des fonctionnalités à votre page Web.