Il y a deux éléments disponibles pour créer des tableaux dans un concept : <simpletable> et <table>.
Utilisez l’élément <simpletable> chaque fois que vous le pouvez, en particulier pour les tableaux courts. Utilisez l’élément <table> pour les tableaux plus important ou les tableaux qui nécessitent un formatage plus complexe.
Les éléments contenus dans l’élément <simpletable> comprennent :
<sthead>
Élément conteneur pour la ligne d’en-tête d’un élément <simpletable>. L’élément <sthead> contient l’élément <stentry> et est facultatif. Il ne peut y avoir qu’un seul élément <sthead> dans un élément <simpletable>.
<strow>
Élément conteneur pour les lignes du corps d’un élément <simpletable>. L’élément <strow> contient l’élément <stentry>. Un élément <simpletable> peut avoir un ou plusieurs éléments <strow>.
<stentry>
Élément conteneur pour une cellule unique dans un élément <simpletable>. L’élément <stentry> contient le texte d’une cellule dans l’élément <simpletable>, qui devrait être encadré dans un élément <p> selon les meilleures pratiques.
Cette leçon couvrira les bases de l’utilisation de l’élément <simpletable>.
Figure 1. Exemple de <simpletable> dans un format visuel
Continuez à utiliser le fichier leçon2/l_concept_images_tableaux_debut.dita pour ajouter l’élément <simpletable>.
Remarque :
Si vous utilisez un éditeur DITA, certains éléments enfants de l’élément <simpletable> seront automatiquement insérés au fur et à mesure que vous travaillez sur les exemples.
Pratique
Insérez l’élément <simpletable> après l’élément <fig> dans l’élément <conbody> tel que présenté dans l’exemple suivant :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
...
</fig>
<simpletable>
</simpletable>
</conbody>
</concept>
Insérez l’élément <sthead> dans l’élément <simpletable> tel que présenté dans l’exemple suivant :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
...
<simpletable>
<sthead>
</sthead>
</simpletable>
</conbody>
</concept>
L’élément <sthead> définit la ligne d’en-tête de l’élément <simpletable>.
Insérez deux éléments <stentry> avec du contenu dans l’élément <sthead> tel que présenté dans l’exemple suivant :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
...
<sthead>
<stentry><p>Âge</p></stentry>
<stentry><p>Étape importante</p></stentry>
</sthead>
...
</conbody>
</concept>
L’élément <stentry> représente une seule cellule. Le nombre d’éléments <stentry> à l’intérieur de l’élément <sthead> déterminera le nombre de colonnes présentes dans votre élément <simpletable>.
L’exemple suit la recommandation d’encadrer le texte d’un élément <stentry> par un élément <p>.
Après l’élément <sthead>, ajoutez l’élément <strow> tel que présenté dans l’exemple suivant :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
...
</sthead>
<strow>
</strow>
...
</conbody>
</concept>
Chaque élément <strow> crée une ligne dans le corps de l’élément <simpletable>, après la ligne d’en-tête.
Insérez deux éléments <stentry> avec du contenu dans l’élément <strow> tel que présenté dans l’exemple suivant :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
...
<strow>
<stentry><p>7 semaines</p></stentry>
<stentry><p>Première tentative de vol</p></stentry>
</strow>
...
</conbody>
</concept>
Tous les éléments <strow> et l’élément <sthead> doivent contenir le même nombre d’éléments <stentry>.
Après le premier élément <strow>, ajoutez deux lignes supplémentaires avec du contenu à l’élément <simpletable> tel que présenté dans l’exemple suivant :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
...
</strow>
<strow>
<stentry><p>12 à 14 semaines</p></stentry>
<stentry><p>Atteinte du poids adulte</p></stentry>
</strow>
<strow>
<stentry><p>1 an</p></stentry>
<stentry><p>Capable de reproduction</p></stentry>
</strow>
...
</conbody>
</concept>
Vous pouvez ajouter un ou plusieurs éléments <strow> à l’élément <simpletable>
