Pour informer le navigateur que vous créez une section de style à l'aide d'une feuille de style interne, vous pouvez utiliser le balisage HTML approprié. Selon la question du quiz mentionnée ci-dessus, la bonne réponse est <style type="text/css"></style>
. Le sujet est maintenant clair, mais que signifie exactement ce code et comment l'utiliser correctement ?
La balise <style>
est utilisée pour fournir des informations de style pour un document HTML. La valeur type="text/css"
spécifie que le type de contenu à styliser est du texte CSS. Ces attributs indiquent donc au navigateur que la section de code à venir doit être interprétée comme du CSS. Les styles CSS définis entre ces balises seront appliqués au document HTML.
Voyez comment on peut l'utiliser dans un exemple de code :
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Salut le Monde!</h1>
<p>Ceci est un exemple d'utilisation de feuille de style interne.</p>
</body>
</html>
Dans cet exemple, le code CSS entre les balises <style>
définit la couleur de l'arrière-plan du corps du document HTML comme "lightblue".
Il est important de se souvenir que l'utilisation de feuilles de style internes peut rendre le code HTML un peu encombré, en particulier pour les documents HTML plus volumineux. De plus, ces styles ne peuvent pas être réutilisés sur d'autres pages HTML, ce qui limite leur efficacité.
Par conséquent, pour les projets plus grands avec plusieurs pages HTML, il peut être préférable d'utiliser des feuilles de style externes. Cela permet de réutiliser les styles CSS sur plusieurs pages, ce qui rend le code plus propre et plus efficace.
En conclusion, bien que l'utilisation de la balise <style type="text/css"></style>
pour les feuilles de style internes soit une technique utile, il est également important d'envisager d'autres méthodes de stylisation CSS en fonction des besoins de votre projet.