La balise head
Fait partie de la section Style avec CSS du Journey HTML de Coddy. Leçon 4 sur 76.
En HTML, la balise head est un conteneur de métadonnées concernant le document HTML. Les métadonnées sont des données qui décrivent le document, mais qui ne sont pas affichées sur la page elle-même. L’élément head est placé entre la balise <html> et la balise <body>.
La balise head peut inclure divers éléments, tels que :
<title>: spécifie le titre du document HTML, qui est affiché dans la barre de titre ou l’onglet du navigateur.
<style>: Contient les styles CSS internes du document.<link>: Établit un lien vers des ressources externes, telles que des fichiers CSS.
<meta>: Fournit des métadonnées sur le document, telles que le jeu de caractères, la description et les mots-clés.<script>: Intègre des scripts côté client, tels que JavaScript.
Voici un exemple de la manière dont la balise head est utilisée dans un document HTML :
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is a paragraph of text.</p>
</body>
</html>Dans cet exemple, la balise head contient le title de la page ainsi que quelques styles CSS internes. Le titre « Ma page Web » sera affiché dans la barre de titre du navigateur, et la couleur d’arrière-plan du body sera définie sur bleu clair.
Défi
FacileOn vous donne un document HTML avec une balise <head>. À l’intérieur, ajoutez <style> et ajoutez le code CSS suivant à l’intérieur :
body {
background-color: lightgreen;
}Essayez vous-même
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Welcome!</h1>
</body>
</html>
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Style avec CSS
4Fondamentaux du texte
Couleur du texteFamille de policesTaille de policeGraisse de la policeAlignement du texteDécoration du texteDéfi récapitulatif n° 1Défi récapitulatif n° 27Modèle de boîte – Partie 1
Qu’est-ce que le modèle de boîte ?Espacement intérieurMargesBorduresLargeur et hauteurDéfi récapitulatif
5Couleurs et arrière-plans
Couleur d’arrière-planCouleurs HEXCouleurs RGBTransparence avec RGBADéfi récapitulatif n° 18Modèle de boîte – Partie 2
Dimensionnement des boîtesRayon de bordureDébordementOmbre de boîteDéfi récapitulatifEntraînez-vous par vous-même : Playground Web