HTML, qui signifie Hyper Text Markup Language, est le langage de balisage standard pour la création de pages Web et d'applications. C’est l’un des principaux outils que tout développeur front-end doit maîtriser. Ce module de notre cours e-book présentera la structure de base du HTML, ses balises et ses attributs.
Structure de base du HTML
Un document HTML est constitué d'une série d'éléments, chacun représenté par une balise. La structure de base d'un document HTML ressemble à ceci :
<!DOCTYPE html> <html> <head> <title>Titre de la page</title> ≪/head> <body> Le contenu de la page va ici. </body> </html>
Le <!DOCTYPE html> au début du document se trouve une déclaration qui indique au navigateur qu'il s'agit d'un document HTML5. L'icône <html> implique l’intégralité du contenu de la page. Au sein de cette balise, nous avons deux autres balises importantes : <head> et <body>.
La <head> contient des informations sur la page qui ne sont pas visibles par l'utilisateur, telles que le titre de la page (qui apparaît dans la barre de titre du navigateur) et des liens vers des fichiers CSS et JavaScript externes. Le <body> contient tout le contenu que l'utilisateur voit, tel que du texte, des images, des liens, etc.
Balises HTML
Les balises HTML constituent la base de toute page Web. Ils définissent la structure et la mise en page de la page et peuvent être utilisés pour ajouter du texte, des images, des liens et d'autres éléments. Voici quelques-unes des balises les plus courantes :
- <h1> a <h6> : Ces balises sont utilisées pour ajouter des titres et des sous-titres. <h1> est le titre le plus important (et généralement le plus grand en taille), tandis que <h6> est le moins important.
- <p> : cette balise est utilisée pour ajouter des paragraphes de texte.
- <a> : cette balise est utilisée pour ajouter des liens.
- <img> : cette balise est utilisée pour ajouter des images.
- <div> : cette balise est utilisée pour regrouper d'autres éléments.
Attributs HTML
Les attributs HTML sont utilisés pour fournir des informations supplémentaires sur un élément. Ils sont toujours spécifiés au début de la balise et ont la structure suivante : nom_attribut="valeur_attribut". Voici quelques-uns des attributs les plus courants :
- class : Cet attribut est utilisé pour spécifier une ou plusieurs classes pour un élément. Les classes sont utilisées pour sélectionner des éléments avec CSS et JavaScript.
- id : Cet attribut est utilisé pour spécifier un identifiant unique pour un élément. L'identifiant doit être unique dans le document.
- src : cet attribut est utilisé pour spécifier la source d'un élément multimédia, tel qu'une image ou une vidéo.
- href : cet attribut est utilisé pour spécifier l'URL d'un lien.
- alt : cet attribut est utilisé pour spécifier un texte alternatif pour une image, qui sera affiché si l'image ne peut pas être chargée.
En bref, HTML est l'épine dorsale de toute page Web. Maîtriser la structure de base du HTML, ses balises et ses attributs est essentiel pour tout développeur front-end. Dans le prochain module de notre cours en ligne, nous explorerons CSS, le langage utilisé pour styliser les pages HTML et créer des mises en page attrayantes et réactives.
