traitement d'images avec Web Design Toy

Dominique Bard
Consultant

Balises de tableau

Web Design Toy :
table, tr, th, td

Formation site internet>supports pédagogiques>Web Design Toy> Balises de tableau>

Balises de tableau (table, tr, th, td) pour structurer le texte en tableau et cellules. Grâce à Web Design Toy, découvrons en douceur les principales balises de tableau en XHTML .

Création site Web Formation site Web Livre site Web

Web Design Toy

Les tableaux

Un peu plus fastidieuses à utiliser les balises permettant de faire un tableau simplifié sont <table>, <tr>, <th>, <td>.

Toutes ces balises sont de type bloc. Même si certains blocs peuvent être justaposés sur une même ligne. Nous avons là une illustration du système de conteneurs encore plus complexe. Cette fois, on pourrait dire que les boites <table> sont des conteneurs de boites <tr> qui elles-mêmes contiennent une ou plusieurs boites de type <th> ou <td>.

La vidéo suivante montre comment les utiliser. La mise en forme par défaut n'est pas très heureuse, on utilisera le plus souvent une feuille de styles pour pallier cet inconvénient

La vidéo "Les tableaux" est accessible en téléchargement direct.

La c'est un peu fastidieux, je ne vous conseille pas d'utiliser Web Design Toy pour faire votre premier tableau. Attendez de découvrir un éditeur qui vous permette de sauvegarder votre travail et d'utiliser une feuille de style ! Nous avons en quelque sorte atteint les limites de l'outil !

Apprendre à utiliser Web Design Toy en vidéo

choisir le langage
Balises de définition ... Balises de mise en relief Balises de définition Balises de mise en relief

Compléments sur les balises tr, th, td

Des exemples de code sur l'utilisation de la balises de tableau à copier et coller sont disponibles sur le site du livre Créer son site Web pas à pas.

Recommander ce Tuto gratuit


Nos conseils vous ont été utiles, n'hésitez pas à faire connaître cette page et à nous adresser un commentaire, cela nous encouragera à en écrire d'autres.

Pour mettre un lien vers cette page, vous pouvez copier coller les lignes suivantes sur votre site internet ou sur votre blog :

<p>
<a href="http://support-pedagogique.formation-site-internet.net/
tuto-web-design-toy-balise-tableau.html">
Balises de tableau (table, tr, th, td) avec Web Design Toy en vidéo </a>
</p>

Ce qui donnera le résultat suivant :

Balises de tableau (table, tr, th, td) avec Web Design Toy en vidéo

N'hésitez pas à adapter le texte de l'ancre à votre page.

Votre site présente une page complémentaire à celle-ci, susceptible d'intéresser nos visiteurs, faites le nous savoir par Courriel

Cet article vous a intéressé ?
Twitter Google +
Partagez-le !

Glossaire livre site Web Formation site Web Mentions légales Contact