-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtable.html
102 lines (85 loc) · 3.19 KB
/
table.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html >
<head>
<title>Tablas html</title>
</head>
<body>
<h2>Table simple</h2>
<p> Se compone de elementos tr que representan las filas. Table row</p>
<p> Se compone de elementos td que representan las celdas. Table row</p>
<table border="1">
<tr>
<td>Esto es una celda de columna 1 y fila 1</td>
<td>Esto es una celda de columna 2 y fila 1</td>
<td>Esto es una celda de columna 3 y fila 1</td>
</tr>
<tr>
<td>Esto es una celda de columna 1 y fila 2</td>
<td>Esto es una celda de columna 2 y fila 2</td>
<td>Esto es una celda de columna 3 y fila 2</td>
</tr>
</table>
<h2>Tabla con títulos th, table headers</h2>
<table border="1">
<tr>
<th>Esto es un titulo de columna 1 y fila 1</th>
<th>Esto es un titulo de columna 2 y fila 1</th>
<th>Esto es un titulo de columna 3 y fila 1</th>
</tr>
<tr>
<td>Esto es una celda de columna 1 y fila 2</td>
<td>Esto es una celda de columna 2 y fila 2</td>
<td>Esto es una celda de columna 3 y fila 2</td>
</tr>
</table>
<h2>Tablas con celdas no alineadas</h2>
<table border="1">
<tr>
<td>Esto es una celda de columna 1 y fila 1</td>
<td colspan="2">Esto es una celda de columna 2 y 3 y fila 1</td>
</tr>
<tr>
<td colspan="3">Esto es una celda de columna 1,2,3 y fila 2</td>
</tr>
<tr>
<td >Esto es una celda de columna 1 y fila 3</td>
<td >Esto es una celda de columna 2 y fila 3</td>
<td >Esto es una celda de columna 3 y fila 3</td>
</tr>
<tr>
<td rowspan="2">Esto es una celda de columna 1 y fila 4 y 5</td>
<td >Esto es una celda de columna 2 y fila 4 </td>
<td >Esto es una celda de columna 3 y fila 4 </td>
</tr>
<tr>
<td >Esto es una celda de columna 2 y fila 5 </td>
<td >Esto es una celda de columna 3 y fila 5 </td>
</tr>
</table>
<h2>Table con cuerpo</h2>
<p> Se compone de cabecera thead, cuerpo tbody y pie tfoot</p>
<table >
<thead>
<tr>
<td>Esto es una cabecera de columna 1 y fila 1</td>
<td>Esto es una cabecera de columna 2 y fila 1</td>
<td>Esto es una cabecera de columna 3 y fila 1</td>
</tr>
</thead>
<tbody>
<tr>
<td>Esto es una celda cuerpo de columna 1 y fila 1</td>
<td>Esto es una celda cuerpo de columna 2 y fila 1</td>
<td>Esto es una celda cuerpo de columna 3 y fila 1</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Esto es una celda pie de columna 1 y fila 2</td>
<td>Esto es una celda pie de columna 2 y fila 2</td>
<td>Esto es una celda pie de columna 3 y fila 2</td>
</tr>
</tfoot>
</table>
</body>
</html>