Scribd
Importer
32 vues1 page

Correction HTML et CSS de tableaux

Le document présente trois tableaux HTML avec des styles CSS : un tableau sur une ligne, un autre sur deux lignes et un calendrier. Le fichier CSS applique des styles aux tableaux.

Transféré par

Ghoul Ali
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
32 vues1 page

Correction HTML et CSS de tableaux

Le document présente trois tableaux HTML avec des styles CSS : un tableau sur une ligne, un autre sur deux lignes et un calendrier. Le fichier CSS applique des styles aux tableaux.

Transféré par

Ghoul Ali
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

3ième S.I.

Sciences et Technologies de l’Informatique

CORRECTION ACTIVITE 5
Tableau.html:
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="tableaux.css">
<meta charset="utf-8">
<title>Tab CSS</title>
</head>
<body>
<table>
<td>Carmen</td>
<td>33 ans</td>
<td>Espagne</td>
<td>Michelle</td> <!-- Tableau sur une ligne-->
<td>26 ans</td>
<td>Etats-Unis</td>
</table>
<br><br>
<table>
<tr>
<td>Carmen</td>
<td>33 ans</td>
<td>Espagne</td>
</tr> <!-- Tableau sur deux lignes -->
<tr>
<td>Michelle</td>
<td>26 ans</td>
<td>Etats-Unis</td>
</tr>
</table>
<br><br> <!-- Calendier -->
<table>
<tr><td>Lun</td><td>Mar</td><td>Mer</td><td>Jeu</td><td>Ven</td><td>Sam</td><td>Dim</td></tr>
<tr> <td> </td> <td> </td><td> </td><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr> <td>5</td> <td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td></tr>
<tr> <td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td></tr>
<tr> <td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>
<tr> <td>26</td> <td>27</td><td>28</td><td>29</td><td>30</td><td>31</td><td></td></tr>
</table>
</body>
</html>

Tableau.css :
body { background-color: #b7d1c4; }
table {
border-collapse: collapse; /*Les bordures du tableau seront collées*/ /*background-color: red; */ }
td
{
border: 1px solid black;
}

Vous aimerez peut-être aussi