Les format HTML

Les format HTML

Les attributs HTML stylesont utilisés pour ajouter du style à des éléments tels que la couleur, la police, la taille, etc.


Exemple

je suis rouge

je suis triste

Je suis grand

Attributs de style HTML

La définition du style des éléments HTML peut être effectuée avec des style attributs .

Les attributs HTML style ont la syntaxe suivante:

<tagname style="property:value;">

La propriété est une propriété CSS Cette valeur est une valeur CSS .

Couleur de l'arrière plan

La propriété CSS background-color permet à la couleur d'arrière-plan des éléments HTML.

Exemple

Définissez la couleur d'arrière-plan de la page sur bleu poudré :

<!DOCTYPE html>
<html>
<head>

</head>

    <body style="background-color:powderblue;">
        <h1>This is a heading</h1>
        <p>This is a paragraph.</p>
        </body>

</html>

résultat


Exemple

Définissez la couleur d'arrière-plan pour deux éléments différents :

<!DOCTYPE html>
<html>
<head>

</head>
<body>

    <h1 style="background-color:powderblue;">This is a heading</h1>
   
    <p style="background-color:tomato;">This is a paragraph.</p>
   
   
   
    </body>  

</html>

Résultat



couleur du texte

La propriété CSS color à pour but de d'attribuer la couleur du texte pour les éléments HTML :

Exemple

<!DOCTYPE html>
<html>
<head>

</head>
<body>

    <h1 style="color:blue;">This is a heading</h1>

    <p style="color:red;">This is a paragraph.</p>
   
   
    </body>  

</html>

Résultat


Police de caractère

La propriété CSS font-familydéfinit la police à utiliser pour les éléments HTML :

Exemple

<!DOCTYPE html>
<html>
<head>

</head>

    <body style="background-color:powderblue;">
        <h1 style="font-family:verdana;">This is a heading</h1>

        <p style="font-family:courier;">This is a paragraph.</p>
    </body>

</html>

taille de police

La propriété CSS font-sizedéfinit la taille du texte pour les éléments HTML :

Exemple

<!DOCTYPE html>
<html>
<head>

</head>

    <body style="background-color:powderblue;">
        <h1 style="font-size:300%;">This is a heading</h1>

        <p style="font-size:160%;">This is a paragraph.</p>
    </body>

</html>

Alignement du texte

La propriété CSS text-align permet l'alignement horizontal du texte pour les éléments HTML :

Exemple

<!DOCTYPE html>
<html>
<head>

</head>

    <body style="background-color:powderblue;">
        <h1 style="text-align:center;">Centered Heading</h1>

        <p style="text-align:center;">Centered paragraph.</p>
    </body>

</html>

résumé du chapitre

Utilisez style des attributs afin de styliser les éléments HTML.

utiliser background-color afin d'attribuer la couleur de fond

utilisé color afin d'attribuer la couleur du texte

utilisé font-family afin d'attribuer les polices de texte

utilisé font-size afin d'attribuer la taille de la police

Utilisé text-align afin d'attribuer l'alignement du texte.

Contenus liés

Les paragraphes HTML

Les Attributs HTML

Note ce poste via ses icones merci. 

Enregistrer un commentaire

Plus récente Plus ancienne

Formulaire de contact