Introduction au HTML : structure de base, balises et attributs
HTML, ou HyperText Markup Language, est le langage de balisage standard pour la création de pages Web et d'applications. Comprendre la structure de base du HTML, ainsi que les balises et les attributs, est essentiel pour tout développeur front-end. Dans ce chapitre, nous explorerons ces concepts en détail.
Structure de base du HTML
Un document HTML est composé d'éléments HTML, qui sont indiqués par des balises. Chaque document HTML commence par la déclaration de type de document , qui indique au navigateur que le document est un fichier HTML5. La balise <html> cela implique tout le contenu de la page.
<!DOCTYPE html>
<html>
...
</html>
Dans la balise <html>, nous avons deux parties principales : la balise <head> et <body>. La <head> contient des métadonnées sur le document, telles que le titre de la page (balise <title>), des liens vers des feuilles de style CSS (balise <link>) et des scripts JavaScript (balise <script>). Le <body> contient le contenu réel de la page qui est visible par les utilisateurs.
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
≪/head>
<body>
Contenu de la page...
</body>
</html>
Balises HTML
Les balises HTML sont utilisées pour définir des éléments dans un document HTML. Ils sont entourés de crochets angulaires (< et >). La plupart des balises sont présentées par paires et entourent le contenu qu'elles affectent. Par exemple, le symbole <p> est utilisé pour créer un paragraphe :
<p>Ceci est un paragraphe.</p>
Il existe de nombreuses balises HTML, chacune ayant son propre objectif. 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, et <div> et <span> pour regrouper des é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 d'ouverture et se présentent généralement sous forme de paires nom/valeur. Par exemple, le symbole <a> utilise généralement l'attribut href pour spécifier l'URL du lien :
<a href="https://www.example.com">Ceci est un lien</a>
D'autres attributs courants incluent src pour spécifier la police d'une image, alt pour spécifier un texte alternatif pour une image et style pour ajouter des styles CSS à un élément.
En bref, HTML est l'épine dorsale de toute page Web. Comprendre la structure de base du HTML, ainsi que les balises et les attributs, est la première étape pour devenir un développeur front-end efficace. Dans le chapitre suivant, nous explorerons CSS et comment il est utilisé pour styliser les éléments HTML.