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éfilementLigne 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		
			

		
	

	

		

			

	




 


										
									


									

									

		
		

									

		

									


								



		
								

								

								


							


						


					


					
					



			




								


									
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...
											
										

									


		

									

									
—————


									
Tous les articles


		

									
—————


									

									


								



		


								


									

										

		



										
									


									


								



		


								


									
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 


		

									

										14/10/2013 10:41
										
Astuce des Sourcils épilation d'arc parfaites 

										

											

	
		
			
			 
			Le matériel :
			1 une pince à épiler qu’on désinfectera à l’alcool ou autre antiseptique avant toute utilisation
			2 un coton, un crayon au khôl pour tracer la ligne que suivra l’épilation
			3 éventuellement un glaçon. En effet, un glaçon passé sur le sourcil avant...
											
										

									


		

									

									
—————


									
Tous les articles


		

									
—————


									

									


								



		
    



								


									

										

		

	 





  PARTENAIRE