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 :
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 :
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.