Revisión: práctica de laboratorio.
1 - Adaptar el sig. código para mostrar un listado general de los datos que a continuación se detallan:
<html>
<head>
<title>Titulo página</title>
</head>
<body>
<table style="border: 1px solid blue;" summary="Descripción de la tabla y su contenido" cellpadding= "20">
<caption style="text-align: center; margin-bottom: 5px;">Título de la tabla</caption>
<tr>
<th scope="col">tiutlo col 1</th>
<th scope="col">tiutlo col 2</th>
<th scope="col">tiutlo col 3</th>
</tr>
<tr>
<td style="background-color: #D2F2F3;">contenido col 1, fila 1</td>
<td style="background-color: #73E2E8;">contenido col 2, fila 1</td>
<td style="background-color: #0ACAD5;">contenido col 3, fila 1</td>
</tr>
<tr>
<td>contenido col 1, fila 2</td>
<td>contenido col 2, fila 2</td>
<td>contenido col 3, fila 2</td>
</tr>
<tr>
<td>contenido col 1, fila 3</td>
<td>contenido col 2, fila 3</td>
<td>contenido col 3, fila 3</td>
</tr>
</table>
</body>
</html>
Artículo 234-B
Combo Bronce
$ 245
Artículo 541-C
Combo Plata
$ 573
Artículo 614-G
ComboOro
$ 810
2. Agrega una hoja de estilo con reglas que permitan:
- dar un borde azul a la tabla
- separar cada columna por colores (usar tres tonalidades de azul claro)
- centrar y resaltar el título general
La propiedad
caption-side dispone de dos valores para controlar la posición vertical del título de la tabla: top es el valor por defecto y muestra el título antes de la tabla, mientras que bottom muestra el título después de la tabla.4. Ingresar a https://www.uv.es/jac/guia/tablaeje.htm. Interpretar cada ejemplo.
0 comentarios:
Publicar un comentario
Ingresa tu consulta