HTML Styles
L’attribut HTML style est utilisé pour ajouter des styles à un élément, tels que la couleur, la police, la taille, etc.
L'attribut de style HTML
La définition du style d'un élément HTML peut être effectuée avec l'attribut style.
L'attribut HTML style a la syntaxe suivante :
<tagname
style="property:value;">
La propriété est une propriété CSS. La valeur est une valeur CSS.
Vous en apprendrez plus sur CSS plus loin dans ce didacticiel.
Couleur d'arrière-plan
La propriété CSS background-color définit la couleur d'arrière-plan d'un élément HTML.
Exemple
Définissez la couleur d'arrière-plan d'une page sur bleu poudre :
<body style="background-color:powderblue;">
<h1>Ceci est un titre</h1>
<p>Ceci est un paragraphe.</p>
</body>
Try it Yourself »
Exemple
Définissez la couleur d’arrière-plan pour deux éléments différents :
<body>
<h1 style="background-color:powderblue;">Ceci est un titre</h1>
<p
style="background-color:tomato;">Ceci est un paragraphe.</p>
</body>
Try it Yourself »
Couleur du texte
La propriété CSS color définit la couleur du texte d'un élément HTML :
Exemple
<h1 style="color:blue;">Ceci est un titre</h1>
<p style="color:red;">Ceci est un paragraphe.</p>
Try it Yourself »
Polices
La propriété CSS font-family définit la police à utiliser pour un élément HTML :
Exemple
<h1 style="font-family:verdana;">Ceci est un titre</h1>
<p style="font-family:courier;">Ceci est un paragraphe.</p>
Try it Yourself »
Taille du texte
La propriété CSS font-size définit la taille du texte pour un élément HTML :
Exemple
<h1 style="font-size:300%;">Ceci est un titre</h1>
<p style="font-size:160%;">Ceci est un paragraphe.</p>
Try it Yourself »
Alignement du texte
La propriété CSS text-align définit l'alignement horizontal du texte pour un élément HTML :
Exemple
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Paragraphe centré.</p>
Try it Yourself »
Résumé du chapitre
- Utilisez l'attribut
stylepour styliser les éléments HTML - Utilisez
background-colorpour la couleur d'arrière-plan - Utilisez
colorpour les couleurs du texte - Utilisez
font-familypour les polices de texte - Utilisez
font-sizepour les tailles de texte - Utilisez
text-alignpour l'alignement du texte
HTML Exercices
HTML - Styles - Vidéo W3Schools
Cette vidéo est une brève introduction aux styles HTML.
Fait partie d'une série de didacticiels vidéo pour apprendre le HTML pour les débutants !
