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.
Cookies and similar technologies are used on our sites to personalize content and ads. You can find further details and change your personal settings below. By clicking OK, or by clicking any content on our sites, you agree to the use of these cookies and similar technologies.
When you visit any of our websites, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and manage your preferences. Please note, that blocking some types of cookies may impact your experience of the site and the services we are able to offer.