Styles HTML
- Page précédente Paragraphe HTML
- Page suivante Formatage HTML
L'attribut style est utilisé pour changer le style des éléments HTML.
Ce texte est en Verdana et en rouge Ce texte est en Times et en bleu Ce texte a une hauteur de 30 pixels
Attribut style de HTML
Fonction de l'attribut style :
Fournit une méthode universelle pour changer le style de tous les éléments HTML.
Les styles ont été introduits dans HTML 4, ce qui est une nouvelle méthode préférée pour changer le style des éléments HTML. Grâce aux styles HTML, vous pouvez ajouter directement des styles aux éléments HTML en utilisant l'attribut style, ou les définir indirectement dans une feuille de style indépendante (fichier CSS).
Vous pouvez trouver toutes les informations sur Tutoriel CSSApprendre tout sur les styles et CSS.
Dans notre tutoriel HTML, nous utiliserons l'attribut style pour vous expliquer les styles HTML.
Balises et attributs non recommandés
Dans HTML 4, plusieurs balises et attributs ont été obsolètes. 'Obsolète' signifie que ces balises et attributs ne seront pas supportés dans les versions futures de HTML et XHTML.
L'information transmise ici est claire : évitez d'utiliser ces balises et attributs obsolètes !
Il faut éviter d'utiliser les balises et attributs suivants :
| Balise | Description |
|---|---|
| <center> | Définir un contenu centré. |
| <font> et <basefont> | Définir la police HTML. |
| <s> et <strike> | Définir un texte barré |
| <u> | Définir un texte souligné |
| Attribut | Description |
| align | Définir l'alignement du texte |
| bgcolor | Définir la couleur de fond |
| color | Définir la couleur du texte |
Pour ces balises et attributs ci-dessus : utilisez les styles plutôt !
Exemple de style HTML - Couleur de fond
L'attribut background-color définit la couleur de fond de l'élément :
<html> <body style="background-color:yellow"> <h2 style="background-color:red">Ceci est un titre</h2> <p style="background-color:green">Ceci est un paragraphe.</p> </body> </html>
L'attribut style a remplacé l'ancien attribut bgcolor.
Essayer vous-même : méthode ancienne pour définir la couleur de fond
Exemple de style HTML - Police, couleur et taille
Les attributs font-family, color et font-size définissent respectivement la série de polices, la couleur et la taille de police du texte des éléments :
<html> <body> <h1 style="font-family:verdana">Un titre</h1> <p style="font-family:arial;color:red;font-size:20px;">Un paragraphe.</p> </body> </html>
L'attribut style a remplacé l'ancien tag <font>.
Exemple de style HTML - Alignement du texte
L'attribut text-align détermine le mode d'alignement horizontal du texte des éléments :
<html> <body> <h1 style="text-align:center">Ceci est un titre</h1> <p>Le titre ci-dessus est aligné au centre de cette page.</p> </body> </html>
L'attribut style a remplacé l'ancien attribut "align".
- Page précédente Paragraphe HTML
- Page suivante Formatage HTML
