css

Quelle balise HTML spécifie une feuille de style interne ?

Pratiquez vos connaissances

Explication

Utilisation de la balise HTML pour spécifier une feuille de style interne

La balise HTML est utilisée pour définir des feuilles de style internes dans un document HTML, comme indiqué dans le quiz précédent. Cette balise est une partie essentielle du HTML, car elle vous permet d'ajouter du style à votre page Web directement depuis le document HTML.

Qu'est-ce qu'une feuille de style interne ?

Une feuille de style interne est une méthode pour appliquer des styles CSS à une page Web. Elle se situe généralement dans l'en-tête <head> du document HTML. Les styles définis dans une feuille de style interne affecteront uniquement la page sur laquelle ils sont définis.

Voici un exemple de la façon dont vous pourriez utiliser la balise pour définir une feuille de style interne :

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}
h1 {
  color: navy;
  margin-left: 20px;
}
</style>
</head>
<body>

<h1>Ma première page CSS</h1>
<p>Voici un paragraphe.</p>

</body>
</html>

Dans cet exemple, le corps de la page aura une couleur de fond bleu clair et les titres <h1> seront colorés en marine et décalés de 20 pixels vers la gauche.

Pratiques recommandées

Bien qu'il soit utile de pouvoir ajouter des styles directement à une page HTML via une feuille de style interne, cela peut rapidement devenir inefficace si vous avez de nombreux styles à gérer ou plusieurs pages qui partagent des styles similaires.

Pour ces situations, il peut être préférable d'utiliser une feuille de style externe. C'est un fichier CSS séparé qui est lié à votre document HTML. Cela vous permet de gérer tous vos styles à partir d'un emplacement centralisé et de les appliquer à plusieurs pages à la fois.

Cependant, il y a des moments où l'utilisation de styles internes est plus judicieuse, par exemple lorsque vous souhaitez simplement surcharger quelques styles sur une seule page sans affecter l'ensemble du site.

Conclusion

La balise <style> est un élément important du HTML qui vous permet de spécifier une feuille de style interne pour votre page Web. C'est un moyen puissant de contrôler l'apparence de votre site, mais il doit être utilisé avec discernement pour maintenir une bonne organisation et une gestion efficace de vos styles.

Envie d’aller plus loin ? Faites le quiz CSS - Les bases en entier.

Commencer le Quiz