Dreamweaver CC: Tutoriel sur Langage HTML5

Apprendre Dreamweaver avec nos tutoriels sur le HTML5

Les tableaux dans Dreamweaver

À quoi servent les tableaux dans Dreamweaver

Les tableaux dans Dreamweaver ont la même fonction que ceux dans word, Photoshop, InDesign, Illustrator ou dans un autre logiciel de mise en page ou de traitement de texte. C’est-à-dire qu’ils servent à présenter des données tabulaires.

Mais ils ne servent pas juste à cela…

En effet les tableaux dans Dreamweaver CS servent à contrôler la mise en page en langage HTML. (Utilisation de dimension pour nos pages et insertion de texte et d’image)

Et aussi à créer une mise en forme complexe. (Image d’arrière fond, imbrication d’un autre tableau, insertion de menu, de modèle etc… )

Voici les balises principales pour le langage HTML des tableaux

<TABLE>
signifie la présence du Tableau
<TH>
définie l’entête de ce tableau
<TR>
détermine la fin d’une ligne du tableau
<TD>
définit une cellule du tableau

Chaque élément HTML sont précédé par les caractères <>
la fin d’un élément html est identifié par </>

width
nous informe de la largeur.
border
est la bordure du tableau. Dans ce tableau nous avons une une bordure de 1 pt
class
nous annonce que nous avons choisi pour ce tableau un style de feuille ou CSS qui défnie ses propres paramètres de mise en page

Formation tableau dreamweaver

Voici le code HTML qui défini le tableau précédent:

<table width= »300″ border= »1″ class= »tabl »>
<tr>
<th colspan= »3″ scope= »col »>Entête</th>
</tr>
<tr>
<td width= »87″>TD</td>
<td width= »98″>TD</td>
<td width= »87″>TD</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

info@jfl-media.com

www.jfl-media.com