des centaines d'astuces pour vous faciliter le quotidien

FORMATAGE DE TEXTE EN HTLM

FORMATAGE DE TEXTE EN HTLM

 

                    

 

 

FORMATAGE DE TEXTE EN HTLM

 

 

 
... : Bold ou gras
Ex :
Texte mis en gras
Résultat :
Texte mis en gras

Compatibilité : IE Firefox
Attribut : aucun


... : Pour une taile de police plus grande, équivalent à
Ex :
Texte mis en plus grand
Résultat :
Texte mis en plus grand
Compatibilité : IE Firefox
Attribut : aucun
... : Force le texte à clignoter
Ex :
Texte mis en plus grand
Résultat :
Le texte clignote
Compatibilité : Firefox
Attribut : aucun
...
 : centre le texte
Ex :
Texte centré
Résultat :
Texte centré
Compatibilité : IE Firefox
Attribut : aucun
... : Affecte aux caractères une ou plusieurs propriétés (couleur, police, taille)
color="..." : Affecte la propriété couleur aux caractères
La valeur peut-être sous 2 formes :
  • Le nom de la couleur en anglais (ex : red pour rouge)
  • "#RRVVBB" où RR (rouge), VV (vert), BB (bleu) sont remplacés par une valeur hexadécimale comprise entre "00" et "FF"
Ex :
Texte en rouge
Texte en "#0000FF" ou bleu
Résultat :
Texte en rouge
Texte en "#0000FF" ou bleu
face="..." : Affecte la propriété police de caractère
Vous avez la possibilité de placer le nom une police ou plusieurs séparé par une virgule. Dans ce cas, le navigateur utilisera la première police qu'il a à sa disposition sur la machine.
Ex :
Texte avec Comic sans MS
Texte avec liste de polices
Résultat :
Texte en Comic sans MS

Texte avec liste de police
size="..." : Affecte la propriété taille aux carctères
La valeur peut-être sous 3 formes :
  • De 1 à 7 : Taille absolue , 1 étant la plus petite taille et 7 la plus grande. Par défaut, c'est la valeur 3 qui est affectée
  • De +1 à +3 : Taille relative plus grande
  • -1 et -2 : Taille relative plus petite
Ex :
Texte en taille
Texte en taille 2
Texte en taille 3
Texte en taille 4
Texte en taille 5
Texte en taille 6
Texte en taille 7
Résultat :
Texte en taille 1
Texte en taille 2
Texte en taille 3
Texte en taille 4
Texte en taille 5
Texte en taille 6
Texte en taille 7
Ex :
Texte en taille +1
Texte en taille +2
Texte en taille +3
Résultat :
Texte en taille +1
Texte en taille +2
Texte en taille +3
Ex :
Texte en taille -1
Texte en taille -2
Résultat :
Texte en taille -1
Texte en taille -2
Compatibilité : IE
De

...

à
...
 : est un marqueur de titre,la taille  du caractère décroit avec le chiffre.
Ce type de balise affecte un espace  au-dessus et en dessous du titre ainsi qu'elle force un retour ligne avant la balise ouvrante et après la balise fermante.
Ex :

Titre en taille 1


Titre en taille 2


Titre en taille 3


Titre en taille 4


Titre en taille 5

Titre en taille 6
Résultat :

Titre en taille 1

Titre en taille 2

Titre en taille 3

Titre en taille 4

Titre en taille 5
Titre en taille 6
align="..." : Affecte la propriété d'alignement des caractères
La valeur peut-être contenir "center", "left", "right" ou "justify". "left" étant la valeur par défaut
Ex :

Titre aligné au centre


Titre aligné à gauche


Titre aligné à droite


Ce titre sera par conséquent justifié sur les bords droit et gauche

Résultat :

Titre aligné au centre

Titre aligné à gauche

Titre aligné à droite

Ce titre sera par conséquent justifié sur les bords droit et gauche

Compatibilité : IE Firefox
... : force le texte en italique
Ex :
Texte en italique
Résultat :
Texte en italique
Compatibilité : IE Firefox
Attribut : aucun
... : force le défilement d'un texte. La balise force à la ligne suivant .
Ex :
Texte en défilement
Résultat :
Texte en défilement
behavior="..." : Affecte comportement au défilement
La valeur peut-être contenir "scroll", "slide" ou "alternate".
Ex :
Texte en défilement
Texte en défilement une fois (compatibilité : IE)
Texte rebondi sur les bords
 
Résultat :
Texte en défilement

Texte en défilement une fois

Texte rebondi sur les bords
bgcolor="..." : Affecte une couleur de fond à la zone occupée par la "marquee".
La valeur peut-être sous 2 formes :
  • Le nom de la couleur en anglais (ex : red pour rouge)
  • "#RRVVBB" où RR (rouge), VV (vert), BB (bleu) sont remplacés par une valeur hexadécimale comprise entre "00" et "FF"
Ex :
Ligne précédenteTexte en défilementLigne suivante
Résultat :
Ligne précédenteTexte en défilementLigne suivante
direction="..." : Force la direction du défilement.
La valeur peut-être contenir "left" ou "right".
Ex :
Texte en défilement à gauche
Texte en défilement à droite
Résultat :
Texte en défilement à gauche

Texte en défilement à droite
height="..." : Fixe la hauteur la zone occupée par la "marquee".
La valeur est exprimée en nombre de points
Ex :
Ligne précédenteTexte en défilementLigne suivante
Résultat (compatibilité : IE) :
Ligne précédenteTexte en défilementLigne suivante
hspace="..." : Réserve un espace vide à gauche et à droite de la "marquee".
La valeur est exprimée en nombre de points.
Ex :
Ligne précédenteTexte en défilementLigne suivante
Résultat (compatibilité : IE) :
Ligne précédenteTexte en défilementLigne suivante
loop="..." : Défini le nombre de boucle que la "marquee" effectuera.
La valeur est exprimée en nombre ou par "infinite" (valeur par défaut).
Ex :
Le texte défilera 4 fois
Résultat (compatibilité : IE) :
Le texte défilera 4 fois
scrollamount="..." : Défini le pas de déplacement de la "marquee".
La valeur est exprimée en nombre de points.
Ex :
Le texte défilera par pas de 50 points
Résultat :
Le texte défilera par pas de 50 points
scrolldelay="..." : Défini le temps entre 2 pas lors du déplacement de la "marquee".
La valeur est exprimée en nombre de milisecondes.
Ex :
Le texte défilera d'un pas par 500 ms
Résultat :
Le texte défilera d'un pas par 500 ms
vspace="..." : Réserve un espace vide en-dessous et et au-dessus de la "marquee".
La valeur est exprimée en nombre de points.
Ex :
Ligne précédenteTexte en défilementLigne suivante
Résultat :
Ligne précédenteTexte en défilementLigne suivante
width="..." : Défini la largeur occupé par la "marquee".
La valeur est exprimée en nombre de points.
Ex :
Ligne précédente

Texte en défilement
Ligne suivante
Résultat (compatibilité : IE) :
Ligne précédente
Texte en défilementLigne suivante
Compatibilité : IE Firefox

 :

est un marqueur de paragraphe.
Ce type de balise affecte un espace au-dessus du paragraphe ainsi qu'elle force un retour ligne avant la balise ouvrante et après la balise fermante.

Ex :

Ce texte forme un paragraphe. Ce texte forme un paragraphe.
Ce texte forme un paragraphe.

Résultat :

Ce texte forme un paragraphe. Ce texte forme un paragraphe.
Ce texte forme un paragraphe.

align="..." : Affecte la propriété d'alignement des caractères
La valeur peut-être contenir "center", "left", "right" ou "justify". "left" étant la valeur par défaut.
Ex :

Paragraphe aligné au centre. Paragraphe aligné au centre.
Paragraphe aligné au centre


Paragraphe aligné à gauche. Paragraphe aligné à gauche. Paragraphe aligné à gauche


Paragraphe aligné à droite. Paragraphe aligné à droite.
Paragraphe aligné à droite.


Ce titre sera par conséquent justifié sur les bords droit et gauche

Résultat :

Titre aligné au centre. Titre aligné au centre
Titre aligné au centre

Titre aligné à gauche. Titre aligné à gauche
Titre aligné à gauche

Titre aligné à droite. Titre aligné à droite
Titre aligné à droite

Ce titre sera par conséquent justifié sur les bords droit et gauche

Compatibilité : IE Firefox

...
 : Defini un bloc texte préformaté, les cararactéres sont non-proportionnels, c'est à dire que quelque soit le caractère, il occupe le même espace. Les lignes vides sont également respectée. Un mode très intéressant pour respecter les alignements.
Ex :

				
Texte formaté Texte formaté Texte formaté 
Résultat :
          Texte formaté
			
          Texte    formaté
          Texte formaté
Compatibilité : IE Firefox
Attribut : aucun
... : Pour une taille de police plus petite, équivalent à .
Ex :
Texte mis en plus petit
Résultat :
Texte mis en plus petit
Compatibilité : IE Firefox
Attribut : aucun
Top of Page
... : Le texte placé entre les balises apparaîtra biffé.
Ex :
Le texte est biffé
Résultat :
Le texte est biffé
Compatibilité : IE Firefox
Attribut : aucun
... : Balise équivalente à , le texte placé entre les balises apparaîtra en bold ou gras.
Ex :
Texte mis en gras
Résultat :
Texte mis en gras
Compatibilité : IE Firefox
Attribut : aucun
... : Force le texte placé entre les balises en indice, particulièrement pratique dans les expressions mathématiques.
Ex :
Texte mis en indice
Résultat :
Texte mis en indice
Compatibilité : IE Firefox
Attribut : aucun
... : Force le texte placé entre les balises en exposant, particulièrement pratique dans les expressions mathématiques.
Ex :
Texte mis en exposant
Résultat :
Texte mis en exposant
Compatibilité : IE Firefox
Attribut : aucun
... : Souligne le texte placé entre les balises.
Ex :
Le texte est souligné
Résultat :
Le texte est souligné
Compatibilité : IE Firefox
Attribut : aucun

 

Rechercher dans le site

Contact

MAC ASTUCE1

ASTUCES INFORMATIQUE WINDOWS

17/03/2016 19:06

Bon plan, les meilleurs sites et applications pour mini budget

  Vous êtes un radin ou simplement n’aimez pas dépenser un sou !   Ne vous inquiétez pas vous n'êtes pas le seul, des applications et sites Web sont spécialement dédiés à ceux qui traquent  les bonnes affaires. Radins.com    accompagne les...

TOUTS SAVOIR SUR LES DRONES

13/03/2015 10:55

Le drone DJI capture l'image d'un objet volant non identifié

Le drone DJI aurait  filmé un objet volant non identifié au-dessus de la Silicon Valley. La vidéo fait grand bruit sur Internet et suscite les hypothèses les plus variées.  La vidéo a été mise en ligne le 8 mars. Les images auraient été tournées par un drone DJI...
08/03/2015 12:58

Le drone DJI S1000+ hexacopter photo pro

Le DJI S1000+ hexacopter est un drone prêt à voler et à capturer le summum de la photographie aérienne.   Si vous cherchez un drone professionnel pour des inspections, agricole de précision, la photographie, la cinématographie, l'arpentage et plus, le S-1000 est le...

 

BEAUTÉ A PETIT PRIX

03/12/2012 22:56

Comment prendre un bain adoucissant

    Quand on veut prendre un bain adoucissant, on peut se préparer le mélange maison soi-même et en plus il est naturel.   Il faut mélanger une demi-tasse de miel avec deux grosses cuillères d’essence de lavande et rajouter le tout dans...
 

  PARTENAIRE