Styles HTML
L'attribut HTML styleest utilisé pour ajouter des styles à un élément, tels que la couleur, la police, la taille, etc.
Exemple
je suis rouge
Je suis bleu
Je suis grand
L'attribut de style HTML
La définition du style d'un élément HTML peut être effectuée avec l' styleattribut.
L'attribut HTML stylea 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 tutoriel.
Couleur de l'arrière plan
La propriété CSS background-colordé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 powderblue :
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Exemple
Définissez la couleur d'arrière-plan pour deux éléments différents :
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Couleur du texte
La propriété CSS colordéfinit la couleur du texte d'un élément HTML :
Exemple
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Polices
La propriété CSS font-familydéfinit la police à utiliser pour un élément HTML :
Exemple
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Taille du texte
La propriété CSS font-sizedéfinit la taille du texte d'un élément HTML :
Exemple
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Alignement du texte
La propriété CSS text-aligndé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;">Centered paragraph.</p>
Résumé du chapitre
- Utiliser l'
styleattribut pour styliser les éléments HTML - Utiliser
background-colorpour la couleur de fond - Utiliser
colorpour les couleurs du texte - Utiliser
font-familypour les polices de texte - Utiliser
font-sizepour les tailles de texte - Utiliser
text-alignpour l'alignement du texte