|
Bases
du HTML :
Première étape : balises html, head,
body... Etapes
4 et 5
Liens, images et tableaux Etape
6 et fin
Fusionner lignes et colonnes d'un tableau. Des
nouvelles du site ?
|
Cherchez
sur le site ou sur le web grâce au moteur de recherche Google
|
|
Etape
6 :
on va améliorer le tableau en fusionnant des colones sur la première
ligne : Copier
dans le body :
<table
border="2" width="80%" bgcolor="#CCCCFF">
<tr
valign="top">
<td colspan="2">
<img src="monimage.jpg"
border="0" alt="infobulle de mon image">
<br />
Mon
texte<br />
Sur la colone<br />
fusionne
</td>
</tr>
<tr
valign="top">
<td align="center">
Mon texte<br
/>
Sur la colone<br />
de gauche en bas<br />
Centrer
dans la colone
</td>
<td>
<img src="monimage.jpg"
border="0" alt="infobulle de mon image">
</td>
</tr>
</table> |
On
ajoute le critère colspan à la première balise <td>
dont la valeur sera le nombre de colonnes fusionnées (2 dans l'exemple). On
peut aussi fusionner les cellules de différentes lignes. Copier
dans le body :
<table
border="2" width="80%" bgcolor="#CCCCFF">
<tr
valign="top">
<td rowspan="2">
<img src="monimage.jpg"
border="0" alt="infobulle de mon image">
<br />
Mon
texte<br />
Sur la ligne<br />
fusionne
</td>
<td>
Mon
texte<br />
Sur la colone<br />
de droite
</td>
</tr>
<tr
valign="top">
<td>
<img src="monimage.jpg"
border="0" alt="infobulle de mon image">
</td>
</tr>
</table> |
On
ajoute le critère rowspan à la première balise <td>
dont la valeur sera le nombre de lignes fusionnées (2 dans l'exemple). Vous
voila maintenant parés pour réaliser vos premières pages
web en html, et enjoliver les articles de vos blogs.
Vous pouvez poursuivre
votre apprentissage avec les feuilles de styles en .css , et surtout avec
des langages dynamiques style PHP.
|
Hébèrgement
et outils de création :
Pour inspirer votre création, découvrez et téléchargez
un Kit Graphique | 
|