Conversion avec Garyshood
[b]↓Le jeu d'essai commence ci-après ↓[/b]
[b]↓ Test de conversion des titres H1 à H6 ↓[/b]
Test de conversion d'un titre en HTML H1Test de conversion d'un titre en HTML H2Test de conversion d'un titre en HTML H3Test de conversion d'un titre en HTML H4Test de conversion d'un titre en HTML H5Test de conversion d'un titre en HTML H6[b]↓ Test de conversion des tailles ↓[/b]
Test de conversion d'un texte en taille « normale »
Test de conversion d'un texte, dans un § (p /p), en taille « normale » + 1
Test de conversion d'un texte, dans un § (p /p), en taille « normale » + 2
Test de conversion d'un texte, dans un § (p /p), en taille « normale » + 3
Test de conversion d'un texte, dans un § (p /p), en taille « normale » + 4
Test de conversion d'un texte, dans un § (p /p), en taille « normale » + 5
Test de conversion d'un texte, dans un § (p /p), en taille « normale » + 6
Test de conversion d'un texte, dans un § (p /p), en taille « normale » + 7
Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 1
Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 2
Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 3
Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 4
Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 5
Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 6
Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 7
Test de conversion d'un texte, dans un § (p /p), en taille 1
Test de conversion d'un texte, dans un § (p /p), en taille 2
Test de conversion d'un texte, dans un § (p /p), en taille 3
Test de conversion d'un texte, dans un § (p /p), en taille 4
Test de conversion d'un texte, dans un § (p /p), en taille 5
Test de conversion d'un texte, dans un § (p /p), en taille 6
Test de conversion d'un texte, dans un § (p /p), en taille 7
[b]↓Test de conversion des attributs d'alignement dans un paragraphe ↓[/b]
Test de conversion d'un texte, dans un § (p /p), aligné à gaucheTest de conversion d'un texte, dans un § (p /p), aligné à droiteTest de conversion d'un texte, dans un § (p /p), centréTest de conversion d'un texte long, dans un § (p /p), justifié (gauche et droite)
align="justify"
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
align="justify"
Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti turgida supra modum, quam Hannibaliano regi fratris filio antehac Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui paulatim eruditiores facti processu temporis ad nocendum per clandestinos versutosque rumigerulos conpertis leviter addere quaedam male suetos falsa et placentia sibi discentes, adfectati regni vel artium nefandarum calumnias insontibus adfligebant. Ardeo, mihi credite, Patres conscripti (id quod vosmet de me existimatis et facitis ipsi) incredibili quodam amore patriae, qui me amor et subvenire olim impendentibus periculis maximis cum dimicatione capitis, et rursum, cum omnia tela undique esse intenta in patriam viderem, subire coegit atque excipere unum pro universis. Hic me meus in rem publicam animus pristinus ac perennis cum C. Caesare reducit, reconciliat, restituit in gratiam.
[b]↓Test de conversion des attributs d'alignement dans un tableau ↓[/b]
Test de conversion des attributs d'alignement dans les cellules d'un tableau de largeur 50% se trouvant dans une cellule d'un tableau de largeur 100%
Alignement à gauche exprimé au niveau du tableau - <table align="left"> - il ne doit pas y avoir d'alignement du texte mais seulement du tableau intérieur dans la cellule du tableau servant de conteneur Test de conversion d'un texte aligné à gauche
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement à droite exprimé au niveau du tableau - <table align="right"> - il ne doit pas y avoir d'alignement du texte mais seulement du tableau intérieur dans la cellule du tableau servant de conteneur Test de conversion d'un texte aligné à droite
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement centre exprimé au niveau du tableau - <table align="center"> - il ne doit pas y avoir d'alignement du texte mais seulement du tableau intérieur dans la cellule du tableau servant de conteneur Test de conversion d'un texte aligné au centre
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement gauche exprimé au niveau de la ligne - <tr align="left"> Test de conversion d'un texte aligné à gauche
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement droit exprimé au niveau de la ligne - <tr align="right"> Test de conversion d'un texte aligné à droite
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement centré exprimé au niveau de la ligne - <tr align="center"> Test de conversion d'un texte aligné au centre
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement justifié exprimé au niveau de la ligne - <tr align="justify"> Test de conversion d'un texte justifié gauche et droite
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement gauche exprimé au niveau de la cellule - <td align="left"> Test de conversion d'un texte aligné à gauche
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement droit exprimé au niveau de la cellule - <td align="right"> Test de conversion d'un texte aligné à droite
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement centré exprimé au niveau de la cellule - <td align="center"> Test de conversion d'un texte aligné au centre
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
Alignement justifié exprimé au niveau de la cellule - <td align="justify"> Test de conversion d'un texte justifié gauche et droite
Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.
[b]↓ Test de conversion des couleurs nommées ↓[/b]
Le tableau suivant, outre le test TH /TH, fait l'inventaire intégral des 148 codes couleurs par leur nom (nota : les noms de couleurs DimGrey, LightGrey, LightSlateGrey et SlateGrey sont des fautes (grey s'écrivant gray) mais existent en HTML.
Nom de la couleurCode hexadécimalFond deTD en couleur (par son nom)Fond de TD en couleur (par son code Hexa)
Ceci est un texte en
AliceBlue. Le code hexadécimal correspondant est #F0F8FF.
Ceci est un texte en
AntiqueWhite. Le code hexadécimal correspondant est #FAEBD7.
Ceci est un texte en
Aqua. Le code hexadécimal correspondant est #00FFFF.
Ceci est un texte en
Aquamarine. Le code hexadécimal correspondant est #7FFFD4.
Ceci est un texte en
Azure. Le code hexadécimal correspondant est #F0FFFF.
Ceci est un texte en
Beige. Le code hexadécimal correspondant est #F5F5DC.
Ceci est un texte en
Bisque. Le code hexadécimal correspondant est #FFE4C4.
Ceci est un texte en
Black. Le code hexadécimal correspondant est #000000.
Ceci est un texte en
BlanchedAlmond. Le code hexadécimal correspondant est #FFEBCD.
Ceci est un texte en
Blue. Le code hexadécimal correspondant est #0000FF.
Ceci est un texte en
BlueViolet. Le code hexadécimal correspondant est #8A2BE2.
Ceci est un texte en
Brown. Le code hexadécimal correspondant est #A52A2A.
Ceci est un texte en
BurlyWood. Le code hexadécimal correspondant est #DEB887.
Ceci est un texte en
CadetBlue. Le code hexadécimal correspondant est #5F9EA0.
Ceci est un texte en
Chartreuse. Le code hexadécimal correspondant est #7FFF00.
Ceci est un texte en
Chocolate. Le code hexadécimal correspondant est #D2691E.
Ceci est un texte en
Coral. Le code hexadécimal correspondant est #FF7F50.
Ceci est un texte en
CornflowerBlue. Le code hexadécimal correspondant est #6495ED.
Ceci est un texte en
Cornsilk. Le code hexadécimal correspondant est #FFF8DC.
Ceci est un texte en
Crimson. Le code hexadécimal correspondant est #DC143C.
Ceci est un texte en
Cyan. Le code hexadécimal correspondant est #00FFFF.
Ceci est un texte en
DarkBlue. Le code hexadécimal correspondant est #00008B.
Ceci est un texte en
DarkCyan. Le code hexadécimal correspondant est #008B8B.
Ceci est un texte en
DarkGoldenRod. Le code hexadécimal correspondant est #B8860B.
Ceci est un texte en
DarkGray. Le code hexadécimal correspondant est #A9A9A9.
Ceci est un texte en
DarkGrey. Le code hexadécimal correspondant est #A9A9A9.
Ceci est un texte en
DarkGreen. Le code hexadécimal correspondant est #006400.
Ceci est un texte en
DarkKhaki. Le code hexadécimal correspondant est #BDB76B.
Ceci est un texte en
DarkMagenta. Le code hexadécimal correspondant est #8B008B.
Ceci est un texte en
DarkOliveGreen. Le code hexadécimal correspondant est #556B2F.
Ceci est un texte en
DarkOrange. Le code hexadécimal correspondant est #FF8C00.
Ceci est un texte en
DarkOrchid. Le code hexadécimal correspondant est #9932CC.
Ceci est un texte en
DarkRed. Le code hexadécimal correspondant est #8B0000.
Ceci est un texte en
DarkSalmon. Le code hexadécimal correspondant est #E9967A.
Ceci est un texte en
DarkSeaGreen. Le code hexadécimal correspondant est #8FBC8F.
Ceci est un texte en
DarkSlateBlue. Le code hexadécimal correspondant est #483D8B.
Ceci est un texte en
DarkSlateGray. Le code hexadécimal correspondant est #2F4F4F.
Ceci est un texte en
DarkSlateGrey. Le code hexadécimal correspondant est #2F4F4F.
Ceci est un texte en
DarkTurquoise. Le code hexadécimal correspondant est #00CED1.
Ceci est un texte en
DarkViolet. Le code hexadécimal correspondant est #9400D3.
Ceci est un texte en
DeepPink. Le code hexadécimal correspondant est #FF1493.
Ceci est un texte en
DeepSkyBlue. Le code hexadécimal correspondant est #00BFFF.
Ceci est un texte en
DimGray. Le code hexadécimal correspondant est #696969.
Ceci est un texte en
DimGrey. Le code hexadécimal correspondant est #696969.
Ceci est un texte en
DodgerBlue. Le code hexadécimal correspondant est #1E90FF.
Ceci est un texte en
FireBrick. Le code hexadécimal correspondant est #B22222.
Ceci est un texte en
FloralWhite. Le code hexadécimal correspondant est #FFFAF0.
Ceci est un texte en
ForestGreen. Le code hexadécimal correspondant est #228B22.
Ceci est un texte en
Fuchsia. Le code hexadécimal correspondant est #FF00FF.
Ceci est un texte en
Gainsboro. Le code hexadécimal correspondant est #DCDCDC.
Ceci est un texte en
GhostWhite. Le code hexadécimal correspondant est #F8F8FF.
Ceci est un texte en
Gold. Le code hexadécimal correspondant est #FFD700.
Ceci est un texte en
GoldenRod. Le code hexadécimal correspondant est #DAA520.
Ceci est un texte en
Gray. Le code hexadécimal correspondant est #808080.
Ceci est un texte en
Grey. Le code hexadécimal correspondant est #808080.
Ceci est un texte en
Green. Le code hexadécimal correspondant est #008000.
Ceci est un texte en
GreenYellow. Le code hexadécimal correspondant est #ADFF2F.
Ceci est un texte en
HoneyDew. Le code hexadécimal correspondant est #F0FFF0.
Ceci est un texte en
HotPink. Le code hexadécimal correspondant est #FF69B4.
Ceci est un texte en
IndianRed. Le code hexadécimal correspondant est #CD5C5C.
Ceci est un texte en
Indigo. Le code hexadécimal correspondant est #4B0082.
Ceci est un texte en
Ivory. Le code hexadécimal correspondant est #FFFFF0.
Ceci est un texte en
Khaki. Le code hexadécimal correspondant est #F0E68C.
Ceci est un texte en
Lavender. Le code hexadécimal correspondant est #E6E6FA.
Ceci est un texte en
LavenderBlush. Le code hexadécimal correspondant est #FFF0F5.
Ceci est un texte en
LawnGreen. Le code hexadécimal correspondant est #7CFC00.
Ceci est un texte en
LemonChiffon. Le code hexadécimal correspondant est #FFFACD.
Ceci est un texte en
LightBlue. Le code hexadécimal correspondant est #ADD8E6.
Ceci est un texte en
LightCoral. Le code hexadécimal correspondant est #F08080.
Ceci est un texte en
LightCyan. Le code hexadécimal correspondant est #E0FFFF.
Ceci est un texte en
LightGoldenRodYellow. Le code hexadécimal correspondant est #FAFAD2.
Ceci est un texte en
LightGray. Le code hexadécimal correspondant est #D3D3D3.
Ceci est un texte en
LightGrey. Le code hexadécimal correspondant est #D3D3D3.
Ceci est un texte en
LightGreen. Le code hexadécimal correspondant est #90EE90.
Ceci est un texte en
LightPink. Le code hexadécimal correspondant est #FFB6C1.
Ceci est un texte en
LightSalmon. Le code hexadécimal correspondant est #FFA07A.
Ceci est un texte en
LightSeaGreen. Le code hexadécimal correspondant est #20B2AA.
Ceci est un texte en
LightSkyBlue. Le code hexadécimal correspondant est #87CEFA.
Ceci est un texte en
LightSlateGray. Le code hexadécimal correspondant est #778899.
Ceci est un texte en
LightSlateGrey. Le code hexadécimal correspondant est #778899.
Ceci est un texte en
LightSteelBlue. Le code hexadécimal correspondant est #B0C4DE.
Ceci est un texte en
LightYellow. Le code hexadécimal correspondant est #FFFFE0.
Ceci est un texte en
Lime. Le code hexadécimal correspondant est #00FF00.
Ceci est un texte en
LimeGreen. Le code hexadécimal correspondant est #32CD32.
Ceci est un texte en
Linen. Le code hexadécimal correspondant est #FAF0E6.
Ceci est un texte en
Magenta. Le code hexadécimal correspondant est #FF00FF.
Ceci est un texte en
Maroon. Le code hexadécimal correspondant est #800000.
Ceci est un texte en
MediumAquaMarine. Le code hexadécimal correspondant est #66CDAA.
Ceci est un texte en
MediumBlue. Le code hexadécimal correspondant est #0000CD.
Ceci est un texte en
MediumOrchid. Le code hexadécimal correspondant est #BA55D3.
Ceci est un texte en
MediumPurple. Le code hexadécimal correspondant est #9370DB.
Ceci est un texte en
MediumSeaGreen. Le code hexadécimal correspondant est #3CB371.
Ceci est un texte en
MediumSlateBlue. Le code hexadécimal correspondant est #7B68EE.
Ceci est un texte en
MediumSpringGreen. Le code hexadécimal correspondant est #00FA9A.
Ceci est un texte en
MediumTurquoise. Le code hexadécimal correspondant est #48D1CC.
Ceci est un texte en
MediumVioletRed. Le code hexadécimal correspondant est #C71585.
Ceci est un texte en
MidnightBlue. Le code hexadécimal correspondant est #191970.
Ceci est un texte en
MintCream. Le code hexadécimal correspondant est #F5FFFA.
Ceci est un texte en
MistyRose. Le code hexadécimal correspondant est #FFE4E1.
Ceci est un texte en
Moccasin. Le code hexadécimal correspondant est #FFE4B5.
Ceci est un texte en
NavajoWhite. Le code hexadécimal correspondant est #FFDEAD.
Ceci est un texte en
Navy. Le code hexadécimal correspondant est #000080.
Ceci est un texte en
OldLace. Le code hexadécimal correspondant est #FDF5E6.
Ceci est un texte en
Olive. Le code hexadécimal correspondant est #808000.
Ceci est un texte en
OliveDrab. Le code hexadécimal correspondant est #6B8E23.
Ceci est un texte en
Orange. Le code hexadécimal correspondant est #FFA500.
Ceci est un texte en
OrangeRed. Le code hexadécimal correspondant est #FF4500.
Ceci est un texte en
Orchid. Le code hexadécimal correspondant est #DA70D6.
Ceci est un texte en
PaleGoldenRod. Le code hexadécimal correspondant est #EEE8AA.
Ceci est un texte en
PaleGreen. Le code hexadécimal correspondant est #98FB98.
Ceci est un texte en
PaleTurquoise. Le code hexadécimal correspondant est #AFEEEE.
Ceci est un texte en
PaleVioletRed. Le code hexadécimal correspondant est #DB7093.
Ceci est un texte en
PapayaWhip. Le code hexadécimal correspondant est #FFEFD5.
Ceci est un texte en
PeachPuff. Le code hexadécimal correspondant est #FFDAB9.
Ceci est un texte en
Peru. Le code hexadécimal correspondant est #CD853F.
Ceci est un texte en
Pink. Le code hexadécimal correspondant est #FFC0CB.
Ceci est un texte en
Plum. Le code hexadécimal correspondant est #DDA0DD.
Ceci est un texte en
PowderBlue. Le code hexadécimal correspondant est #B0E0E6.
Ceci est un texte en
Purple. Le code hexadécimal correspondant est #800080.
Ceci est un texte en
RebeccaPurple.
Origine de cette couleur Le code hexadécimal correspondant est #663399.
Origine de cette couleur Origine de cette couleur Ceci est un texte en
Red. Le code hexadécimal correspondant est #FF0000.
Ceci est un texte en
RosyBrown. Le code hexadécimal correspondant est #BC8F8F.
Ceci est un texte en
RoyalBlue. Le code hexadécimal correspondant est #4169E1.
Ceci est un texte en
SaddleBrown. Le code hexadécimal correspondant est #8B4513.
Ceci est un texte en
Salmon. Le code hexadécimal correspondant est #FA8072.
Ceci est un texte en
SandyBrown. Le code hexadécimal correspondant est #F4A460.
Ceci est un texte en
SeaGreen. Le code hexadécimal correspondant est #2E8B57.
Ceci est un texte en
SeaShell. Le code hexadécimal correspondant est #FFF5EE.
Ceci est un texte en
Sienna. Le code hexadécimal correspondant est #A0522D.
Ceci est un texte en
Silver. Le code hexadécimal correspondant est #C0C0C0.
Ceci est un texte en
SkyBlue. Le code hexadécimal correspondant est #87CEEB.
Ceci est un texte en
SlateBlue. Le code hexadécimal correspondant est #6A5ACD.
Ceci est un texte en
SlateGray. Le code hexadécimal correspondant est #708090.
Ceci est un texte en
SlateGrey. Le code hexadécimal correspondant est #708090.
Ceci est un texte en
Snow. Le code hexadécimal correspondant est #FFFAFA.
Ceci est un texte en
SpringGreen. Le code hexadécimal correspondant est #00FF7F.
Ceci est un texte en
SteelBlue. Le code hexadécimal correspondant est #4682B4.
Ceci est un texte en
Tan. Le code hexadécimal correspondant est #D2B48C.
Ceci est un texte en
Teal. Le code hexadécimal correspondant est #008080.
Ceci est un texte en
Thistle. Le code hexadécimal correspondant est #D8BFD8.
Ceci est un texte en
Tomato. Le code hexadécimal correspondant est #FF6347.
Ceci est un texte en
Turquoise. Le code hexadécimal correspondant est #40E0D0.
Ceci est un texte en
Violet. Le code hexadécimal correspondant est #EE82EE.
Ceci est un texte en
Wheat. Le code hexadécimal correspondant est #F5DEB3.
Ceci est un texte en
White. Le code hexadécimal correspondant est #FFFFFF.
Ceci est un texte en
WhiteSmoke. Le code hexadécimal correspondant est #F5F5F5.
Ceci est un texte en
Yellow. Le code hexadécimal correspondant est #FFFF00.
Ceci est un texte en
YellowGreen. Le code hexadécimal correspondant est #9ACD32.
[b]↓ Test de conversion des fusions verticales et horizontales de cellules dans un tableau ↓[/b]
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
Et patati et patata
[b]↓ Test de conversion des couleurs dans un tableau et attributs de tableau ↓[/b]
Attributs de tableau : border= cellspacing= cellpadding= bgcolor=
L'espacement entre les cellules et le bord du tableau (cellspacing) doit être de 30 pixels
L'espacement entre le contenu d'une cellule et le bord de la cellule (cellpadding) doit être de 10 pixels
Le bord du tabeau est de 3 pixels.
Couleur de fond
de tout un tableauCouleur de fond
d'une cellule seule
<table bgcolor="darkblue"> <td bgcolor="yellow">
A1 B1 C1 A2 B2 C2 A1 B1 C1
A2 B2 C2
[b]↓ Test de conversion des balises de listes ↓[/b]
On teste les UL (listes à puces)Gauche (niveau 0)
UL DeuxUL UnGauche (niveau 0)
On teste les OL (listes ordonnées)Gauche (niveau 0)[*]OL UnOL DeuxOL TroisOL QuatreOL CinqOL SixOL Sept[*]OL Six[*]OL Cinq[*]OL Quatre[*]OL Trois[*]OL Deux[*]OL Un
Gauche (niveau 0)
On teste des OL dans des UL (listes ordonnées dans des listes à puces)Gauche (niveau 0)
UL UnUn OLUn autre OLUL DeuxUn OLUn autre OLUL TroisUn OLUn autre OLUL QuatreUn OLUn autre OLUL CinqUn OLUn autre OLUL SixUn OLUn autre OLUL SixUn OLUn autre OL
UL CinqUn OLUn autre OL
UL QuatreUn OLUn autre OL
UL TroisUn OLUn autre OL
UL DeuxUn OLUn autre OL
UL UnUn OLUn autre OL
Gauche (niveau 0)
On teste des UL dans des OL (listes à puces dans des listes ordonnées)Gauche (niveau 0)OL Un
OL Deux
OL Trois
OL Quatre
OL Cinq
OL Six
OL Sept
OL Six
OL Cinq
OL Quatre
OL Trois
OL Deux
OL Un
Gauche (niveau 0)
On teste la conversion du jeu de balises permettant de créer des glosairesDL, DT et DD
Ces balises permettent d'écrire un glossaire (appelés « Liste de définition » en HTML 4.01 et « Listes de description » en HTML5). Les balises DL /DL englobent la structure du glosaire. Les balises DT /DT déterminent le terme dont on va donner la définition. Les balises DD /DD détermine la définition du terme.Terme 1Définition de terme 1Terme 2Définition de terme 2
Tests Entêtes (Hn) dans une structure UL et OLOn teste des hn : OL dans des ULGauche (niveau 0)
UL Un titré H1
Un OL titré H1
Un autre OLUL Deux titré H2
Un OL titré H2
Un autre OLUL Trois titré H3
Un OL titré H3
Un autre OLUL Quatre titré H4
Un OL titré H4
Un autre OLUL Cinq titré H5
Un OL titré H4
Un autre OLUL Six titré H6
Un OL titré H6
Un autre OL
UL Cinq titré H5
Un OL titré H5
Un autre OL
UL Quatre titré H4
Un OL titré H4
Un autre OL
UL Trois titré H3
Un OL titré H3
Un autre OL
UL Deux titré H2
Un OL titré H2
Un autre OL
UL Un titré H1
Un OL titré H1
Un autre OL
Gauche (niveau 0)
On teste des hn : UL dans des OLGauche (niveau 0)
OL Un titré H1Un UL titré H1
Un autre UL
OL Deux titré H2Un UL titré H2
Un autre UL
OL Trois titré H3Un UL titré H3
Un autre UL
OL Quatre titré H4Un UL titré H4
Un autre UL
OL Cinq titré H5Un UL titré H5
Un autre UL
OL Six titré H6Un UL titré H6
Un autre UL
OL Cinq titré H5Un UL titré H5
Un autre UL
OL Quatre titré H4Un UL titré H4
Un autre UL
OL Trois titré H3Un UL titré H3
Un autre UL
OL Deux titré H2Un UL titré H2
Un autre UL
OL Un titré H1Un UL titré H1
Un autre UL
Gauche (niveau 0)
[b]↓ Test de conversion de liens et test d'interaction de Keetag ↓[/b]
Tests de liens, sans indication du domaine (Liens relatifs - Keetag doit demander un domaine)Où, quand, comment porter plainte
[url=Risque_juridique_de_complicite_passive_de_l_Internaute.html]Risque juridique de complicité de l'Internaute[/url]
[url=PHAROS.html]Signaler (à la PHAROS)[/url]
[url=Porter_plainte.html]Porter plainte (où, comment, pour quoi...)[/url]
[url=Escroquerie_Definition.html]Escroquerie - Définition du délit d'escrquerie[/url]
[url=Info-escroqueries.html]Info escroquerie - 0 805 805 817 (numéro gratuit)[/url]
[url=PHAROS_Exemple_de_signalement_001.html]La PHAROS - Exemple de signalement[/url]
[url=BEFTI.html]Le Befti[/url]
Tests de liens, avec indication du domaine (Liens absolus - Keetag ne doit pas demander de domaine)Test target = _blank dans les liens : test de comparaison de domaine source et cible - si identiques, pas de target (ouverture dans le même onglet) mais, si différents, target = _blank (ouverture dans un nouvel onglet / une nouvelle fenêtre))Ceci est une convention de comportement des liens - rien de standard et débats parfois houleux depuis que le Web existe (avec changement de paradigme depuis l'arrivée des petits formats comme les smartphones)
On suppose que le nom de class est "external", car ce nom est extrêmement utilisé.
[b]↓ Test de conversion des ancres ↓[/b]
Conversion/test des ancres nommées avec "name" (obsolète)[url=#nameancre_1][img]Assiste/media/template/ancre.png[/img][/url]Test ancre 1[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#nameancre_1]Go to ancre 1[/url] - [url=#nameancre_2]Go to ancre 2[/url] - [url=#nameancre_3]Go to ancre 3[/url] - [url=#nameancre_4]Go to ancre 4[/url] - [url=#nameancre_5]Go to ancre 5[/url]
[url=#nameancre_2][img]Assiste/media/template/ancre.png[/img][/url]Test ancre 2[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#nameancre_1]Go to ancre 1[/url] - [url=#nameancre_2]Go to ancre 2[/url] - [url=#nameancre_3]Go to ancre 3[/url] - [url=#nameancre_4]Go to ancre 4[/url] - [url=#nameancre_5]Go to ancre 5[/url]
[url=#nameancre_3][img]Assiste/media/template/ancre.png[/img][/url]Test ancre 3[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#nameancre_1]Go to ancre 1[/url] - [url=#nameancre_2]Go to ancre 2[/url] - [url=#nameancre_3]Go to ancre 3[/url] - [url=#nameancre_4]Go to ancre 4[/url] - [url=#nameancre_5]Go to ancre 5[/url]
[url=#nameancre_4][img]Assiste/media/template/ancre.png[/img][/url]Test ancre 4[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#nameancre_1]Go to ancre 1[/url] - [url=#nameancre_2]Go to ancre 2[/url] - [url=#nameancre_3]Go to ancre 3[/url] - [url=#nameancre_4]Go to ancre 4[/url] - [url=#nameancre_5]Go to ancre 5[/url]
[url=#nameancre_5][img]Assiste/media/template/ancre.png[/img][/url]Test ancre 5[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#nameancre_1]Go to ancre 1[/url] - [url=#nameancre_2]Go to ancre 2[/url] - [url=#nameancre_3]Go to ancre 3[/url] - [url=#nameancre_4]Go to ancre 4[/url] - [url=#nameancre_5]Go to ancre 5[/url]
Conversion/test des ancres nommées avec "id"[url=#id_1][img]Assiste/media/template/ancre.png[/img][/url]Test id 1[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#id_1]Go to id 1[/url] - [url=#id_2]Go to id 2[/url] - [url=#id_3]Go to id 3[/url] - [url=#id_4]Go to id 4[/url] - [url=#id_5]Go to id 5[/url]
[url=#id_2][img]Assiste/media/template/ancre.png[/img][/url]Test id 2[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#id_1]Go to id 1[/url] - [url=#id_2]Go to id 2[/url] - [url=#id_3]Go to id 3[/url] - [url=#id_4]Go to id 4[/url] - [url=#id_5]Go to id 5[/url]
[url=#id_3][img]Assiste/media/template/ancre.png[/img][/url]Test id 3[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#id_1]Go to id 1[/url] - [url=#id_2]Go to id 2[/url] - [url=#id_3]Go to id 3[/url] - [url=#id_4]Go to id 4[/url] - [url=#id_5]Go to id 5[/url]
[url=#id_4][img]Assiste/media/template/ancre.png[/img][/url]Test id 4[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#id_1]Go to id 1[/url] - [url=#id_2]Go to id 2[/url] - [url=#id_3]Go to id 3[/url] - [url=#id_4]Go to id 4[/url] - [url=#id_5]Go to id 5[/url]
[url=#id_5][img]Assiste/media/template/ancre.png[/img][/url]Test id 5[url=Contact.html][img]Assiste/media/template/edit.png[/img][/url][url=#id_1]Go to id 1[/url] - [url=#id_2]Go to id 2[/url] - [url=#id_3]Go to id 3[/url] - [url=#id_4]Go to id 4[/url] - [url=#id_5]Go to id 5[/url]
[b]↓ Test de conversion d'une adresse mail ↓[/b]
Balise HTML href de type adresse mail (mailto:)On attend, en BBCode, une balise email /email fonctionnelle (l'HTML ci-dessous ouvre dans _blank (nouvelle fenêtre/nouvel onglet))
[url=mailto:despommesdespoiresetdesscoubidoubidou@ah.yeah]M'écrire par mèl[/url]
[b]↓ Test de conversion des balises d'attributs de textes ↓[/b]
Test des indices et exposantsPlouf (indice) Hop (exposant)
Test de divers attributs de textesGras (balises b)Gros (balises big)
Petit (balises small)
Italique (balises i)Souligné (balises u)Barré (balises strike)
Télétype - police monospace (balises tt)
Balise font avec attribut color en hexa #ff8080Balise font avec attribut color nommé "red"Test de divers styles (attributs HTML, hors CSS) de textesDistinction (balises em)Accentuation (balises strong)Inséré (balises ins)
Supprimé (balises del)
Echantillon (balises samp)
Définition (balises dfn)
Variable (balises var)
Code (balises code)
Clavier (balises kbd)
Clignotant (balises blink) - Heureusement que ce truc horrible ne fonctionne pas ! C'était une idée de Microsoft pour IE.
Bouton (balise button) - Ce texte devrait apparaître comme un bouton de clavier - La conversion en BBCode est un véritable exercice de style (et n'est pas une priorité)
La balise "citation" HTML (q /q) (obsolète) doit être convertie en BBCode quote /quoteCeci est une citation avec balise HTML q /q (citation sans italique, selon HTML, contrairement à cite /cite)
La balise "titre d'ouvrage" HTML (cite /cite) (obsolète) doit être convertie en BBCode quote /quote avec contenu en italiqueCeci est une citation avec balise HTML cite /cite (citation + italique, selon HTML, contrairement à q /q)La balise HTML pre /pre doit être convertie en BBCode code /code- Code: Tout sélectionner
Sep 96RevisedSTEWS-GC-SD-S (380-19a)MEMORANDUM FOR RECORDSUBJECT:Viral Infections in Commercial/Government Media/Softwares.CD-ROM withinBrian NickelsSep 94WDEFUK MACFORMATAdelaide, Australiat.Macintosh SystemNASA AutomatedOct 94MBDF7.5 Sample UpgradeSystems IncidentKit (HDSC Setup andResponse CapabilityDisk First AidApplicationsu.West German Dis-Klaus BrunnsteinNov 94MerryXmastribution of 4,000HamburgCD-ROMs with MacToolsand MacPower Collectionv.MacUser, UK Edition,OXCERTMay 96MDBF-ADistribution ofCD-ROM with OneDirector MovieInfected
[b]↓ Tests de génération d'un paragraphe implicite ↓[/b]
Balise "address" (html5). Bien que collée à la suite de cette phrase (juste après le point final, sans espace), elle doit être convertie comme s'il y avait un jeu de balises de paragraphe (p /p).Assiste
[url=mailto:pp@assiste.com]Contact Pierre pour boire une bière[/url]
Adresse : ici et maintenant.
Tel: +33 6 69 69 69 69
[b]↓ Tests de conversion de class (CSS) dont les noms sont souvent utilisés ↓[/b]
Aucun standard - juste une utilisation répandue
Test class "gs" : Ce texte, en class gs, doit être en gras et souligné (génération des balises BBCode standards B et U).
Test class "external" - La class external est utilisée dans de nombreuses css sous ce nom, par exemple wikipedia (ce qu'elles y décrivent ne nous regarde pas - c'est le navigateur qui en tient compte) - test de conservation et, éventuellement, de convertion dans le nom de class utilisé par la cible (test du fonctionnement d'une petite table de conversion, propre à chaque domaine cible, d'un nom de class à un autre)
[b]↓ Tests de conversion de tableaux imbriqués (tableaux gigognes) ↓[/b]
Oh ! Les beaux tableaux dans des tableaux Les pommes
Un contenu Deux contenus Trois contenus
Ça trompe énormément Et voila ! Dans un rowspan !
Rien ne me sera épargné !
3
2
1
Pourquoi faut-il que le test porte sur des cellules liées !
Les tableaux gigognes devraient être interdits
En plus, au niveau 3 d'imbrication ! Ça va pas la tête !
Caramel au beurre salé
De la crème fraîche
Du sucre
Du beurre 1/2 sel
Et hop, un deuxième tableau, pour la route.
Et une petite légende de demain.
Les poires
Beurré Giffard Conférence Louise Bonne d'Avranches
Général Leclerc Doyenné du Comice Red Williams
Williams Seckel Forelle
Et des scoubidoubi-ou ah…
[img]Assiste/media/images/Scoubidou.png[/img]
Il est centré horizontalement, celui-là, dans un colspan !
On se demande pourquoi
Rien que pour casser les pieds à Keetag !
Qu'est-ce que j'ai oublié pour meubler les longues soirées d'hiver de SHL ? Heureusement qu'il habite un peu loin de moi, sinon, il me tue !
Au boulot, quoi ! J'ai failli attendre.
