w3docs logo
Où pouvons-nous utiliser la balise <style> ?
Commencer le Quiz - "HTML - Les bases"

Utilisation de la Balise <style> dans HTML

La balise <style> est généralement utilisée en HTML pour intégrer des styles CSS (Cascading Style Sheets). La question "Où pouvons-nous utiliser la balise <style> ?" est souvent posée par les débutants dans le domaine du développement web. La réponse correcte est qu'elle peut être utilisée à la fois dans les éléments <head> et <body>.

L'utilisation de la balise &lt;style&gt; dans l'élément &lt;head&gt;

La balise <style> est généralement placée dans l'élément <head> d'une page HTML. Cela sert à définir le style pour l'ensemble de la page ou du site Web. Par exemple:

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: lightblue;
        }
        h1 {
            color: white;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Bienvenue sur mon site Web!</h1>
</body>
</html>

Dans cet exemple, la balise <style> spécifie une couleur de fond et un style pour le titre h1 de la page.

L'utilisation de la balise &lt;style&gt; dans l'élément &lt;body&gt;

Cependant, il est également possible d'utiliser la balise <style> dans l'élément <body>. C'est souvent fait pour styler une section spécifique de la page:

<body>
    <h1>Bienvenue sur mon site Web!</h1>
    <style>
        p {
            color: red;
        }
    </style>
    <p>Cet paragraphe sera en rouge.</p>
</body>

Dans cet exemple, la balise <style> est utilisée pour modifier la couleur du texte d'un paragraphe spécifique.

Bonnes Pratiques

Bien que l'utilisation de la balise <style> dans l'élément <body> soit possible, il est généralement recommandé de placer tous les styles dans l'élément <head>. Cela permet d'organiser le code et de s'assurer que les styles sont chargés avant le contenu de la page. De plus, pour des projets plus vastes, il peut être bénéfique d'utiliser un fichier CSS externe pour gérer tous les styles.

En conclusion, la balise <style> est un outil puissant pour ajouter du style à une page web et peut être utilisée dans les éléments <head> et <body> d'un document HTML.

Related Questions

Trouvez-vous cela utile?