Menú principal

Tema 3

Tablas

Tabular datos .

Método A.

<table summary="Resumen de la tabla " border="1">
<caption>Campeonatos mundiales</caption>
<tr>
<th>Años</th>
<th>Oponente</th>
<th>Puntuación</th>
</tr>
<tr>
<td>1918</td>
<td>Valladolid</td>
<td>75</td>
</tr>
<tr>
<td>1916</td>
<td>Salamanca</td>
<td>91</td>
</tr>
<tr>
<td>1915</td>
<td>Barcelona</td>
<td>101</td>
</tr>
<tr>
<td>1912</td>
<td>Madrid</td>
<td>105</td>
</tr>
</table>

 

Campeonatos mundiales
Años Oponente Puntuación
1918 Valladolid 75
1916 Salamanca 91
1915 Barcelona 101
1912 Madrid 105

 

Método B. El borde de la tabla con valor "0"

#tabla2 table {
border-top: 1px solid #999;
border-left: 1px solid #999;
}

#tabla2 th, #tabla2 td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

 

Campeonatos mundiales
Años Oponente Puntuación
1918 Valladolid 75
1916 Salamanca 91
1915 Barcelona 101
1912 Madrid 105

 

Método C.

#tabla3 table {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse;
}

#tabla3 th, #tabla3 td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

 

Campeonatos mundiales
Años Oponente Puntuación
1918 Valladolid 75
1916 Salamanca 91
1915 Barcelona 101
1912 Madrid 105

 

Método D.

#tabla4 table {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse;
}

#tabla4 th, #tabla4 td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

 

Campeonatos mundiales
Años Oponente Puntuación
1918 Valladolid 75
1916 Salamanca 91
1915 Barcelona 101
1912 Madrid 105

 

Método E.

#tabla5 table {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse;
}

#tabla5 caption {
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}

#tabla5 th, #fig3_7 td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

#tabla5 th {
font-family: Verdana, sans-serif;
font-size: 12px;
background: #ccc;
}

 

Campeonatos mundiales
Años Oponente Puntuación
1918 Valladolid 75
1916 Salamanca 91
1915 Barcelona 101
1912 Madrid 105

 

Método F.

#tabla6 table {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse;
}

#tabla6 caption {
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}

#tabla6 th, #tabla6 td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

#tabla6 th {
font-family: Verdana, sans-serif;
font-size: 12px;
background: url(../img/th_stripe.gif);
}

 

Campeonatos mundiales
Años Oponente Puntuación
1918 Valladolid 75
1916 Salamanca 91
1915 Barcelona 101
1912 Madrid 105

 

Método F.

#tabla7 table {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse;
}

#tabla7 caption {
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}

#tabla7 th, #tabla7 td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

#tabla7 th {
font-family: Verdana, sans-serif;
font-size: 12px;
background: url(img/rayas.gif);
text-align: left;
}

#tabla7 #ano {
padding-left: 26px;
background: #ccc url(img/ano.gif) no-repeat 10px 50%;
}

#tabla7 #aponente {
padding-left: 26px;
background: #ccc url(img/punto.gif) no-repeat 10px 50%;
}

#tabla7 #puntuacion {
padding-left: 26px;
background: #ccc url(img/recta.gif) no-repeat 10px 50%;
}



 

Campeonatos mundiales
Años Oponente Puntuación
1918 Valladolid 75
1916 Salamanca 91
1915 Barcelona 101
1912 Madrid 105