Styles

1 h 8 exercices Niveau 2

Bien que la méthode présentée soit fortement déconseillée pour styliser des éléments HTML, le langage permet d’inclure du style directement dans les balises. Notez que le présent cours n'est pas dédié au CSS.

Attribut style

L’attribut style permet d’inclure du code CSS directement au sein du HTML, dans n’importe quelle balise, sans passer par un fichier tiers. Quelques exemples vous sont présentés ci-dessous, mais référez-vous aux cours sur le CSS afin de mieux cerner l’étendue des possibilités.

L’utilisation de cet attribut est assez simple : la propriété CSS est déclarée entre les guillemets, suivie de deux points (:) suivi de la valeur à attribuer à cette propriété, suivi d’un point virgule (;).

Concrètement, voici la syntaxe de l’attribut style :

<h1 style="propriété-CSS: valeur;">

Exemple :

<body>
    <h1 style="background-color: red;">
        Titre du document
    </h1>
</body>

Dans cet exemple, le titre se voit définir un arrière plan de couleur rouge.

Couleur du texte

Pour définir la couleur d’un paragraphe, il faut utiliser la propriété color, suivie du nom (en anglais) de la couleur à attribuer au paragraphe.

Exemple :

<p style="color: red";>Je suis un paragraphe</p>

Polices

Se connecter pour voir la suite

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !