Keetag - Service de conversion HTML <-> BBCode et plus

Sandbox, Machines virtuelles, Antivirus, Multi-antivirus, Scanners, Whois, IP Whois, Reverse IP, Métriques de sites, Blacklists, Web Réputation, Web de confiance, etc. ...

Modérateur: Modérateurs et Modératrices

Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 10 Fév 2017, 15:42

Bonjour,


Keetag - Convertisseur HTML <-> BBCode paramétrable

Keetag, service gratuit en ligne, entre en phase de bêta tests.

Il existe déjà d'innombrables outils gratuits en ligne permettant de faire de la conversion, mais ils sont tous codés en « dur », pour accepter un et un unique langage en entrée pour ne produire qu'un et un unique langage en sortie.

Keetag s'est totalement affranchi de cette contrainte. La description des langages d'entrée et de sortie est créée et maintenue dans des tables de conversion.

Keetag dispose des tables de conversion pour les scripts natifs de forums (non hackés ou modifiés) :

  • script forumactif
  • script mesdiscussions
  • script PHPbb
  • script PHPBoost
  • script vBulletin
  • script Xooit

Et, pour les forums ayant des particularismes de balises ou de syntaxe, Keetag dispose déjà des tables de conversions pour plus de 20 forums !

En quelques mots, Keetag convertit du BBCode ou de l'HTML vers du BBCode ou de l'HTML :

  • soit selon les syntaxes standards brutes des fondateurs de ces langages
  • soit en tenant compte de particularités d'un forum, paramétrables

Venez voir, tester (et signaler les bugs sur http://assiste.forum.free.fr/viewtopic.php?f=163&t=31668)

Il y a un jeu d'essai HTML qui tient compte d’éléments HTML et attributs HTML obsolètes, à :
Keetag - Convertisseur HTML <-> BBCode paramétrable
Jeu d'essai Keetag


Cordialement

Si l'on reste chez soi (sur son forum, sans contribuer ailleurs), Keetag n'est d'aucune utilité, mais si l'on contribue à droite et à gauche, Keetag est totalement génial.
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant

Re: Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 18 Fév 2017, 17:47

Ajouté, dans le jeu d'essai, trois tests additionnels :

La balise "citation" HTML (q /q) (obsolète) doit être convertie en BBCode quote /quote
La balise "titre d'ouvrage" HTML (cite /cite) (obsolète) doit être convertie en BBCode quote /quote avec contenu en italique
La balise HTML pre /pre doit être convertie en BBCode code /code

ZHL est à votre disposition pour toutes questions concernant son outil.

Keetag - Convertisseur HTML <-> BBCode paramétrable
Jeu d'essai Keetag

Pierre
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant

Re: Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 19 Fév 2017, 02:20

Ajouté, dans le jeu d'essai :

Un test de fusions verticales et horizontales de cellules dans un tableau
Un test de couleurs dans un tableau et un test des attributs border= cellspacing= cellpadding= bgcolor=

Ajouté quelques notes, en guise de mode d'emploi, au début du tableau.

ZHL est à votre disposition pour toutes questions concernant son outil.

Keetag - Convertisseur HTML <-> BBCode paramétrable
Jeu d'essai Keetag

Pierre
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant

Re: Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 09 Mar 2017, 10:55

Ajouté, dans le jeu d'essai :
Un test de conversion des balises HTML DL, DT et DD
Un test de conversion de quelques attributs de texte additionnels

Supprimé, dans le jeu d'essai :
Tests de conversion d'attributs de texte en double

Déplacés, dans le jeu d'essai :
Déplacés certains tests pour les regrouper par nature

Titraille
Ajouté quelques titres.

ZHL est à votre disposition pour toutes questions concernant son outil.

Keetag - Convertisseur HTML <-> BBCode paramétrable
Jeu d'essai Keetag

Pierre
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant

Re: Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 03 Mai 2017, 01:49

Un exemple de ce que peut faire Keetag :

Voir : Clauses « Vie privée » d’Assiste

Ce message SUR LE FORUM est une conversion en BBCode du code HTML trouvé SUR LA PAGE DU SITE Clauses « Vie privée » d'Assiste.com, en utilisant Keetag.

Il a fallu moins de 10 secondes à Keetag pour faire cette conversion précise, nickel, en tenant compte et utilisant les particularités du BBCode d'Assiste (qui est étendu par des hacks) paramétrable dans Keetag.
Il aurait fallu plusieurs heures pour faire la même chose à la main (sans être certain de réellement arriver à faire strictement la même chose)


Nota :
Keetag vient de passer en version internationale (français / anglais) et change de TLD - Top Level Domain (passe de .fr à .net)

Keetag - Convertisseur HTML <-> BBCode paramétrable
Jeu d'essai Keetag
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant

Re: Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 19 Sep 2017, 12:41

Ajout au jeu d'essai :

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

Keetag - Convertisseur HTML <-> BBCode paramétrable

Jeu d'essai Keetag

SHL va me tuer !
Appel à cotisation pour lui livrer un camion d'aspirines.
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant

Re: Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 31 Jan 2018, 22:45

Précipitez-vous !

SHL vient d'ajouter 2 APIs à Keetag

Keetag - Convertisseur HTML <-> BBCode paramétrable

Jeu d'essai Keetag
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant


Re: Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 01 Nov 2018, 16:26

Conversion du jeu d'essai avec Keetag









[b][size=130]↓ Le jeu d'essai commence ci-après [/b][/size]











[b][size=130]↓ Test de conversion des titres H1 à H6 [/b][/size]





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








[b][size=130]↓ Test de conversion des tailles [/b][/size]




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



<font size="-1">Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 1</font>

<font size="-2">Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 2</font>

<font size="-3">Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 3</font>

<font size="-4">Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 4</font>

<font size="-5">Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 5</font>

<font size="-6">Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 6</font>

<font size="-7">Test de conversion d'un texte, dans un § (p /p), en taille « normale » - 7</font>



<font size="1">Test de conversion d'un texte, dans un § (p /p), en taille 1</font>

<font size="2">Test de conversion d'un texte, dans un § (p /p), en taille 2</font>

<font size="3">Test de conversion d'un texte, dans un § (p /p), en taille 3</font>

<font size="4">Test de conversion d'un texte, dans un § (p /p), en taille 4</font>

<font size="5">Test de conversion d'un texte, dans un § (p /p), en taille 5</font>

<font size="6">Test de conversion d'un texte, dans un § (p /p), en taille 6</font>

<font size="7">Test de conversion d'un texte, dans un § (p /p), en taille 7</font>








[b][size=130]↓ Test de conversion des attributs d'alignement dans un paragraphe [/b][/size]

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.








[b][size=130]↓ Test de conversion des attributs d'alignement dans un tableau [/b][/size]

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




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]








  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




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  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




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  4. Alignement gauche exprimé au niveau de la ligne - <tr align="left">




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  5. Alignement droit exprimé au niveau de la ligne - <tr align="right">




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  6. Alignement centré exprimé au niveau de la ligne - <tr align="center">




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  7. Alignement justifié exprimé au niveau de la ligne - <tr align="justify">




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  8. Alignement gauche exprimé au niveau de la cellule - <td align="left">




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  9. Alignement droit exprimé au niveau de la cellule - <td align="right">




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  10. Alignement centré exprimé au niveau de la cellule - <td align="center">




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]






  11. Alignement justifié exprimé au niveau de la cellule - <td align="justify">




    [table=padding:2px][tr][td=border:1px solid black;padding:2px]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.

    [/td]
    [/tr]
    [/table]








[b][size=130]↓ Test de conversion des couleurs nommées [/b][/size]

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.









[b][size=130]↓ Test de conversion des fusions verticales et horizontales de cellules dans un tableau [/b][/size]







Et patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patata
Et patati et patataEt patati et patataEt patati et patataEt patati et patata









[b][size=130]↓ Test de conversion des couleurs dans un tableau et attributs de tableau [/b][/size]







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">
[table=padding:2px][tr][td=border:1px solid black;padding:2px]A1B1C1
A2B2C2

[/td]

[td=border:1px solid black;padding:2px]
A1B1C1
A2B2C2

[/td]
[/tr]
[/table]








[b][size=130]↓ Test de conversion des balises de listes [/b][/size]








On teste les UL (listes à puces)

Gauche (niveau 0)

  • UL Un
    • UL Deux
      • UL Trois
        • UL Quatre
          • UL Cinq
            • UL Six
              • UL Sept
            • UL Six
          • UL Cinq
        • UL Quatre
      • UL Trois
    • UL Deux
  • UL Un

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)

  • UL Un
    1. Un OL
    2. Un autre OL

    • UL Deux
      1. Un OL
      2. Un autre OL

      • UL Trois
        1. Un OL
        2. Un autre OL

        • UL Quatre
          1. Un OL
          2. Un autre OL

          • UL Cinq
            1. Un OL
            2. Un autre OL

            • UL Six
              1. Un OL
              2. Un autre OL

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

Gauche (niveau 0)








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

Gauche (niveau 0)

  1. OL Un
    • Un UL
    • Un autre UL

    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
    • Un UL
    • Un autre UL

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

Définition de terme 1

Terme 2

Définition de terme 2
</dl>







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


On teste des hn : OL dans des UL

Gauche (niveau 0)

  • UL Un titré H1

    1. Un OL titré H1
    2. Un autre OL

    • UL Deux titré H2

      1. Un OL titré H2
      2. Un autre OL

      • UL Trois titré H3

        1. Un OL titré H3
        2. Un autre OL

        • UL Quatre titré H4

          1. Un OL titré H4
          2. Un autre OL

          • UL Cinq titré H5

            1. Un OL titré H4
            2. Un autre OL

            • UL Six titré H6

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

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

          1. Un OL titré H4
          2. Un autre OL
      • UL Trois titré H3

        1. Un OL titré H3
        2. Un autre OL
    • UL Deux titré H2

      1. Un OL titré H2
      2. Un autre OL
  • UL Un titré H1

    1. Un OL titré H1
    2. Un autre OL

Gauche (niveau 0)








On teste des hn : UL dans des OL

Gauche (niveau 0)

  1. OL Un titré H1

    • Un UL titré H1
    • Un autre UL

    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

    • Un UL titré H1
    • Un autre UL

Gauche (niveau 0)








[b][size=130]↓ Test de conversion de liens et test d'interaction de Keetag [/b][/size]








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









[b][size=130]↓ Test de conversion des ancres [/b][/size]








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


   Image Test ancre 1Image

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


   Image Test ancre 2Image

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


   Image Test ancre 3Image

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


   Image Test ancre 4Image

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


   Image Test ancre 5Image

 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"


   Image Test id 1Image

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


   Image Test id 2Image

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


   Image Test id 3Image

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


   Image Test id 4Image

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


   Image Test id 5Image

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








[b][size=130]↓ Test de conversion d'une adresse mail [/b][/size]








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








[b][size=130]↓ Test de conversion des balises d'attributs de textes [/b][/size]








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)


<var>Variable (balises var)</var>


Code: Tout sélectionner
Code (balises code)



Clavier (balises kbd)

<blink>Clignotant (balises blink) - Heureusement que ce truc horrible ne fonctionne pas ! C'était une idée de Microsoft pour IE.</blink>


{{Bouton : "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 /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









[b][size=130]↓ Tests de génération d'un paragraphe implicite [/b][/size]







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
















[b][size=130]↓ Tests de conversion de class (CSS) dont les noms sont souvent utilisés [/b][/size]







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][size=130]↓ Tests de conversion de tableaux imbriqués (tableaux gigognes) [/b][/size]







Oh ! Les beaux tableaux dans des tableaux



[table=padding:2px][tr][td=border:1px solid black;padding:2px]
Les pommes

[table=padding:2px][tr][td=border:1px solid black;padding:2px]Un contenu
Deux contenusTrois contenus
Ça trompe énormément

[/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px]Et voila ! Dans un rowspan !
Rien ne me sera épargné !

3
2
1

[/td]

[td=border:1px solid black;padding:2px]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 !
[table=padding:2px][tr][td=border:1px solid black;padding:2px]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.
[/td]

[td=border:1px solid black;padding:2px][/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px]

[/td]

[td=border:1px solid black;padding:2px][/td]
[/tr]
[/table]
[/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px]

Les poires


Beurré GiffardConférenceLouise Bonne d'Avranches
Général LeclercDoyenné du ComiceRed Williams
WilliamsSeckelForelle

[/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px]

Et des scoubidoubi-ou ah…


Image

[/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px]Il est centré horizontalement, celui-là, dans un colspan !
On se demande pourquoi
Rien que pour casser les pieds à Keetag !


[/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px]
[/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px]
[/td]

[td=border:1px solid black;padding:2px][/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px]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.[/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px]
[/td]

[td=border:1px solid black;padding:2px][/td]
[/tr]

[tr]
[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px]
[/td]

[td=border:1px solid black;padding:2px][/td]

[td=border:1px solid black;padding:2px][/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]







D'autres idées de tests ?
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant

Re: Keetag - Service de conversion HTML <-> BBCode et plus

Messagede pierre » 01 Nov 2018, 16:33

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







[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 Un
      UL Deux
        UL Trois
          UL Quatre
            UL Cinq
              UL Six
                UL Sept
            • UL Six
          • UL Cinq
        • UL Quatre
      • UL Trois
    • UL Deux
  • UL Un

Gauche (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 OL
      UL DeuxUn OLUn autre OL
        UL TroisUn OLUn autre OL
          UL QuatreUn OLUn autre OL
            UL CinqUn OLUn autre OL
              UL SixUn OLUn autre OL
                UL SeptUn OLUn autre OL
              UL 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
    Un ULUn autre UL
OL Deux
    Un ULUn autre UL
OL Trois
    Un ULUn autre UL
OL Quatre
    Un ULUn autre UL
OL Cinq
    Un ULUn autre UL
OL Six
    Un ULUn autre UL
OL Sept
    Un ULUn autre UL
OL Six
    Un ULUn autre UL
OL Cinq
    Un ULUn autre UL
OL Quatre
    Un ULUn autre UL
OL Trois
    Un ULUn autre UL
OL Deux
    Un ULUn autre UL
OL Un
    Un ULUn autre UL

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 1Définition de terme 1Terme 2Dé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)
    UL Un titré H1

    Un OL titré H1
    Un autre OL
      UL Deux titré H2

      Un OL titré H2
      Un autre OL
        UL Trois titré H3

        Un OL titré H3
        Un autre OL
          UL Quatre titré H4

          Un OL titré H4
          Un autre OL
            UL Cinq titré H5

            Un OL titré H4
            Un autre OL
              UL 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 OL


Gauche (niveau 0)
OL Un titré H1
    Un UL titré H1
    Un autre UL
OL Deux titré H2
    Un UL titré H2
    Un autre UL
OL Trois titré H3
    Un UL titré H3
    Un autre UL
OL Quatre titré H4
    Un UL titré H4
    Un autre UL
OL Cinq titré H5
    Un UL titré H5
    Un autre UL
OL Six titré H6
    Un UL titré H6
    Un autre UL
OL Cinq titré H5
    Un UL titré H5
    Un autre UL
OL Quatre titré H4
    Un UL titré H4
    Un autre UL
OL Trois titré H3
    Un UL titré H3
    Un autre UL
OL Deux titré H2
    Un UL titré H2
    Un autre UL
OL Un titré H1
    Un 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 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.

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 /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
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.
Avatar de l’utilisateur
pierre
 
Messages: 23773
Inscription: 20 Mai 2002, 23:01
Localisation: Ici et maintenant

Suivante

Retourner vers OGL - Outils Gratuits en Ligne

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité