Correction tableau à une cellule
Script HTML d'un tableau à une cellule
La correction du petit tableau à une cellule pas
bien compliqué.
vous pouvez rajouter un background-color à
<td> avec l'attribut style déjà en
place, l'exemple ci-dessous, l'exemple d'un tableau avec une couleur
de fond et avec une image de fond (background-image)
sont plus bas (cliquez
sur couleur de fond et image de fond), les codes HTML sont
copiables et collables dans votre éditeur.
|
|
<table
style="width: 250px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="border: 1px solid rgb(174, 0, 0); text-align: center;
vertical-align: middle; height: 250px;
width: 250px;">1</td >
</tr>
</tbody>
</table>
|
Il est possible de changer les bordures, les valeurs sont les
suivantes : dotted groove ridge dashed double outset inset. Certaines
valeurs ne sont perceptible qu'avec une épaisseur
(border-width) minimale.
tableau avec
background-color
L'épaisseurs des bordures est réglable
avec border-width, dans le tableau ci-dessous border-width est
à 6 pixels et border ridge
|
|
<table
style="width: 250px; border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td
style="border: 6px ridge rgb(174, 0, 0); background-color:
rgb(255, 255, 0); color: rgb(180, 100, 80); height: 250px; width:
250px; text-align: center; vertical-align:
middle;">1</td>
</tr>
</tbody>
</table>
|
tableau avec
background-image
Avec un peu d'imagination il y a moyen de se faire plaisir en
construisant des tableaux, l'avantage du tableau est qui l'offre de
grandes possibilités et de facilités pour faire
de la mise en page, mais il ne faut surtout pas oublier ce petit
conseil sur les donnée
tabulaires.
|
|
<table
style=" width: 250px; border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td
style="border: 6px outset rgb(255, 100, 0); background-image:
url(spiro.gif); background-repeat: no-repeat; background-position:
center; height: 250px; width: 250px; text-align: center;
vertical-align: middle;">1</td>
</tr>
</tbody>
</table>
|
Si vous
avez une ou des recherches
à faire, utlisez Google.
Pour revenir à cette
page utiliser le bouton retour de votre navigateur.
Savez-vous
que vous pouvez utiliser Google
comme calculatrice ? Tapez, par exemple
: 43 * 6, ou même un autre calcul plus complexe. Un dossier
sur
les astuces de recherches Google
est disponible ICI et les "trucs" PC sont
à
votre disposition dans l'espace Trucs
et astuces PC.
Vous pouvez vous y rendre depuis le lien Trucs et astuces PC
en haut
à gauche, ou bien directement ICI.
Titre de
la page : Correction exercice tableau à une
cellule
Le site visiograf.org
a été
réalisé avec le souci de correspondre aux normes
du W3C,
pour vérifier la validation
HTML
4.01
Transitional copiez
l'adresse de la présente page :
http://www.visiograf.org/html/correction_ex_1.html
cliquez ici
et collez cette adresse dans le champ Address:,
de la rubrique Validate by URL
puis
cliquez sur Check
pour
vérifier la validation
CSS 2.1
cliquez ici,
et collez de nouveau l'adresse dans le champs Adresse: puis cliquez sur
Vérifier
