Keetag : Jeu d'essai HTML pur (sans CSS) :

  1. Récupérez le code HTML de cette page, entre les balises <body> et </body>, et soumettez-le à la conversion avec Keetag :

    1. Vers BBCode complet

    2. Ou vers le BBCode spécifique au script de votre forum

    3. Ou vers la conversion spécifique à votre forum si votre BBCode n'est ni complet ni natif de l'un des scripts de forum. Actuellement, Keetag permet des conversions spécifiques pour les forums de :

      • Aidoweb.com - Keetag assure cette conversion de HTML et vers HTML
      • Assiste.com - Keetag assure cette conversion de HTML et vers HTML
      • Clubic.com - Keetag assure cette conversion de HTML et vers HTML
      • Cnetfrance.fr - Keetag assure cette conversion de HTML et vers HTML
      • CommentCaMarche.net (en test)
      • Developpez.com - Keetag assure cette conversion de HTML et vers HTML
      • Forum-Seven.com - Keetag assure cette conversion de HTML et vers HTML
      • Hardware.fr - Keetag assure cette conversion de HTML et vers HTML
      • Libellules.ch - Keetag assure cette conversion de HTML et vers HTML
      • Malekal.com - Keetag assure cette conversion de HTML et vers HTML
      • Memoclic.com - Keetag assure cette conversion de HTML et vers HTML
      • Security-X.fr - Keetag assure cette conversion de HTML et vers HTML
      • Surlatoile.com - Keetag assure cette conversion de HTML et vers HTML
      • Tom's guide - Keetag assure cette conversion de HTML et vers HTML
      • Twinoid.fr - Keetag assure cette conversion de HTML et vers HTML
      • Zebulon.fr - Keetag assure cette conversion de HTML et vers HTML

  2. Récupérez le code généré par Keetag et créer un message sur votre forum. Si des anomalies se présentent, signalez-les dans ce fil de discussion

  3. Reprendre le BBCode généré et convertissez-le en HTML. On doit retomber sur le HTML d'origine (pour autant que le BBCode, beaucoup plus restrictif que l'HTML, n'ai pas fait perdre de la résolution. Par exemple, d'innombrables implémentations de forums ne supportent pas du tout les tableaux.). Dito : si des anomalies se présentent, signalez-les dans ce fil de discussion.



Le jeu d'essai commence ci-après




Test de conversion des titres H1 à H6


Test de conversion d'un titre en HTML H1

Test de conversion d'un titre en HTML H2

Test de conversion d'un titre en HTML H3

Test de conversion d'un titre en HTML H4

Test de conversion d'un titre en HTML H5
Test de conversion d'un titre en HTML H6



Test de conversion des tailles


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



Test de conversion des attributs d'alignement dans un paragraphe

Test de conversion d'un texte, dans un § (p /p), aligné à gauche

Test de conversion d'un texte, dans un § (p /p), aligné à droite

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



Test de conversion des attributs d'alignement dans un tableau

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%

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





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



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



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



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



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



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



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



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



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



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



Test de conversion des couleurs nommées

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 de TD 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 couleurLe code hexadécimal correspondant est #663399.Origine de cette couleurOrigine 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.  



Test de conversion des fusions verticales et horizontales de cellules dans un tableau



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



Test de conversion des couleurs dans un tableau et attributs de tableau



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 tableau
Couleur de fond
d'une cellule seule
<table bgcolor="darkblue"> <td bgcolor="yellow">
A1 B1 C1
A2 B2 C2
A1 B1 C1
A2 B2 C2



Test de conversion des balises de listes



On teste les UL (listes à puces)

Gauche (niveau 0)

Gauche (niveau 0)



On teste les OL (listes ordonnées)

Gauche (niveau 0)

  1. OL Un
    1. OL Deux
      1. OL Trois
        1. OL Quatre
          1. OL Cinq
            1. OL Six
              1. OL Sept
            2. OL Six
          2. OL Cinq
        2. OL Quatre
      2. OL Trois
    2. OL Deux
  2. OL Un

Gauche (niveau 0)



On teste des OL dans des UL (listes ordonnées dans des listes à puces)

Gauche (niveau 0)

Gauche (niveau 0)



On teste des UL dans des OL (listes à puces dans des listes ordonnées)

Gauche (niveau 0)

  1. OL Un
    1. OL Deux
      • Un UL
      • Un autre UL
      1. OL Trois
        • Un UL
        • Un autre UL
        1. OL Quatre
          • Un UL
          • Un autre UL
          1. OL Cinq
            • Un UL
            • Un autre UL
            1. OL Six
              • Un UL
              • Un autre UL
              1. OL Sept
                • Un UL
                • Un autre UL
            2. OL Six
              • Un UL
              • Un autre UL
          2. OL Cinq
            • Un UL
            • Un autre UL
        2. OL Quatre
          • Un UL
          • Un autre UL
      2. OL Trois
        • Un UL
        • Un autre UL
    2. OL Deux
      • Un UL
      • Un autre UL
  2. OL Un

Gauche (niveau 0)



On teste la conversion du jeu de balises permettant de créer des glosaires

DL, 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 1
Définition de terme 1
Terme 2
Définition de terme 2



Tests Entêtes (Hn) dans une structure UL et OL

On teste des hn : OL dans des UL

Gauche (niveau 0)

Gauche (niveau 0)



On teste des hn : UL dans des OL

Gauche (niveau 0)

  1. OL Un titré H1

    1. OL Deux titré H2

      • Un UL titré H2

      • Un autre UL
      1. OL Trois titré H3

        • Un UL titré H3

        • Un autre UL
        1. OL Quatre titré H4

          • Un UL titré H4

          • Un autre UL
          1. OL Cinq titré H5
            • Un UL titré H5
            • Un autre UL
            1. OL Six titré H6
              • Un UL titré H6
              • Un autre UL
          2. OL Cinq titré H5
            • Un UL titré H5
            • Un autre UL
        2. OL Quatre titré H4

          • Un UL titré H4

          • Un autre UL
      2. OL Trois titré H3

        • Un UL titré H3

        • Un autre UL
    2. OL Deux titré H2

      • Un UL titré H2

      • Un autre UL
  2. OL Un titré H1

Gauche (niveau 0)



Test de conversion de liens et test d'interaction de Keetag



Tests de liens, sans indication du domaine (Liens relatifs - Keetag doit demander un domaine)


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



Test de conversion des ancres



Conversion/test des ancres nommées avec "name" (obsolète)

Test ancre 1Test ancre 1Test ancre 1

Go to ancre 1 - Go to ancre 2 - Go to ancre 3 - Go to ancre 4 - Go to ancre 5

Test ancre 2Test ancre 2Test ancre 2

Go to ancre 1 - Go to ancre 2 - Go to ancre 3 - Go to ancre 4 - Go to ancre 5

Test ancre 3Test ancre 3Test ancre 3

Go to ancre 1 - Go to ancre 2 - Go to ancre 3 - Go to ancre 4 - Go to ancre 5

Test ancre 4Test ancre 4Test ancre 4

Go to ancre 1 - Go to ancre 2 - Go to ancre 3 - Go to ancre 4 - Go to ancre 5

Test ancre 5Test ancre 5Test ancre 5

Go to ancre 1 - Go to ancre 2 - Go to ancre 3 - Go to ancre 4 - Go to ancre 5



Conversion/test des ancres nommées avec "id"

Test id 1Test id 1Test id 1

Go to id 1 - Go to id 2 - Go to id 3 - Go to id 4 - Go to id 5

Test id 2Test id 2Test id 2

Go to id 1 - Go to id 2 - Go to id 3 - Go to id 4 - Go to id 5

Test id 3Test id 3Test id 3

Go to id 1 - Go to id 2 - Go to id 3 - Go to id 4 - Go to id 5

Test id 4Test id 4Test id 4

Go to id 1 - Go to id 2 - Go to id 3 - Go to id 4 - Go to id 5

Test id 5Test id 5Test id 5

Go to id 1 - Go to id 2 - Go to id 3 - Go to id 4 - Go to id 5



Test de conversion d'une adresse mail



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

M'écrire par mèl



Test de conversion des balises d'attributs de textes



Test des indices et exposants

Plouf (indice) Hop (exposant)



Test de divers attributs de textes

Gras (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 #ff8080

Balise font avec attribut color nommé "red"



Test de divers styles (attributs HTML, hors CSS) de textes

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

- 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 /quote

Ceci 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 italique

Ceci 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

                                                        Sep 96
                                                        Revised
STEWS-GC-SD-S (380-19a)

MEMORANDUM FOR RECORD
SUBJECT:  Viral Infections in Commercial/Government Media/Software

s.  CD-ROM within         Brian Nickels        Sep 94   WDEF
    UK MACFORMAT          Adelaide, Australia
t.  Macintosh System      NASA Automated       Oct 94   MBDF
    7.5 Sample Upgrade    Systems Incident
    Kit (HDSC Setup and   Response Capability
    Disk First Aid
    Applications
u.  West German Dis-      Klaus Brunnstein     Nov 94   MerryXmas
    tribution of 4,000    Hamburg
    CD-ROMs with MacTools
    and MacPower Collection
v.  MacUser, UK Edition,  OXCERT               May 96   MDBF-A
    Distribution of
    CD-ROM with One
    Director Movie
    Infected



Tests de génération d'un paragraphe implicite



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
Contact Pierre pour boire une bière
Adresse : ici et maintenant.
Tel: +33 6 69 69 69 69





Tests de conversion de class (CSS) dont les noms sont souvent utilisés



Aucun standard - juste une utilisation répandue





Tests de conversion de tableaux imbriqués (tableaux gigognes)



Oh ! Les beaux tableaux dans des tableaux


Les pommes

Un contenuDeux contenusTrois 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é GiffardConférenceLouise Bonne d'Avranches
Général LeclercDoyenné du ComiceRed Williams
WilliamsSeckelForelle

Et des scoubidoubi-ou ah…



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.




D'autres idées de tests ?