ICI header("Location: http://www.mytesting.fr ");
TESTS ET ASTUCES DE BLOGUEUR

MODIFIER LE STYLE, LA PRESENTATION, LA COULEUR OU LA GROSSEUR D'UN TEXTE.

par André Marini 11 Novembre 2014, 12:00 Texte

MODIFIER LE STYLE, LA PRESENTATION, LA COULEUR OU LA GROSSEUR D'UN TEXTE.

1)-TEXTE DE BASE

 

On ouvre la balise <p></p>

<p>Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.</p>

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

 

 

 

2)-TEXTE EN GRAS

 

On ajoute la balise <b></b>

<p><b>Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.<b><p>

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

 

 

 

3)-TEXTE EN ITALIQUE

 

On ajoute la balise<i></i>

<p><i>Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.</i></p>

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

 

 

 

4)-AGRANDIR LE TEXTE

 

On ajoute la balise <big></big>

<p><big>Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.</big></p> 

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

 

 

 

5)-RENDRE UN TEXTE PLUS PETIT

 

On ajoute la balise <small></small>

<p><small>Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.</small></p>

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

 

 

 

6)-TEXTE AVEC LA POLICE TELETYPE

 

On ajoute la balse  <tt></tt>

<p><tt>Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.</tt></p>

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

 

 

 

7)-TEXTE SOULIGNE

 

Il faut introduire le code CSS <span style=""> Pour souligner, on mettra text-decoration underline; entre les deux guillements, soit <span style="text-decoration underline; "> 

et l'on fermera la balise </span>

<p><span style="text-decoration:underline;">Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.</span></p>

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

 

 

 

8)-TEXTE EN COULEUR

 

Il faut introduire le code couleur dans le code css <span style="color:#660099;">

Le code couleur se définit par le signe # suivi de 6 chiffres ou lettres que l'on peut trouver ici:

http://fr.wikipedia.org/wiki/Liste_de_couleurs

 

ou là

Code couleur

Code couleur

Palette des codes des couleurs

http://www.toutes-les-couleurs.com/code-couleur.php

Voici les plus utilisées

 

 

 Couleur "Bleu"
Les outils de calcul les plus recherchés
Couleur "Noir"
Couleur Rouge
Couleur "Blanc"
Couleur Marron
Couleur "Vert"
Couleur "Gris"
Couleur Rose
Couleur Jaune
Couleur Orange
Couleur "Violet"
Code couleur html
Nuancier RAL
Nuancier Pantone

 

Voici, par exemple, le code "couleur" du violet":  #660099

<p><span style="color:#660099;">Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.</span></p>

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

 

 

9)-On peut méler tous ces codes pour obtenir un texte à sa mesure.

 

EXEMPLE 

Texte en gras, violet, en italique et souligné.

<p><b><i><span style="color:#660099;"><span style="text-decoration:underline;">Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.</span></span></i></b></p>

 

RESULTAT

Je suis un lecteur assidu du blog "www.pecheurdumorin.fr". Je le visite chaque jour.

commentaires

Haut de page

Theme: Autofocus © 2013 - Hébergé par Overblog