Professional Documents
Culture Documents
Campo 1
Campo 2
Campo 3
Campos 4 y 5
Campo 6
Campo 7
Campo 9
Campo 8
<html>
<head><title>Ejercicio </Title></head>
<body bgcolor="blue" text="red">
<h1>Ejercicio 1</h1>
<table border="1" bgcolor="olive">
<tr>
<td>Campo1</td>
<td>Campo2</td>
<td>Campo3</td>
</tr>
<tr>
<td colspan="2">Campo4 y 5</td>
<td>Campo6</td>
</tr>
<tr>
<td>Campo7</td>
<td>Campo8</td>
<td>Campo9</td>
</tr>
</table>
</body>
</html>
Pgina 1
Campo 2 Campo 3
Campo 5 Campo 6
Campo 8 Campo 9
<html>
<head><title>Ejercicio </Title></head>
<body bgcolor="blue" text="red">
<h1>Ejercicio 1</h1>
<table border="1" bgcolor="olive">
<tr>
<td rowspan="3">Campo1,4 y7</td>
<td>Campo2</td>
<td>Campo3</td>
</tr>
<tr>
<td>Campo5</td>
<td>Campo6</td>
</tr>
<tr>
<td>Campo8</td>
<td>Campo9</td>
</tr>
</table>
</body>
</html>
Lenguaje HTML
Pgina 2
CELDAS DE ENCABEZADO
Hay dos tipos de celdas que pueden ser definidas en una tabla HTML.
Una de ellas es la celda simple (elemento TD), ya definido
anteriormente, y la otra es un tipo especial de celda (elemento TH
table header, cabecera de tabla) que contiene informacin de
encabezado para un conjunto de celdas especficas. Los navegadores
representan normalmente el contenido de las celdas especiales como
texto centrado y en negrita, atributos que tambin pueden ser
visualmente logrados con la utilizacin de celdas normales (elemento
TD).
Alumno
Juan Prez
Rodolfo Crdenas
Asignatura
Matemticas
Francs
Calificacin
8
5
<html>
<head><title>Ejercicio 1</Title></head>
<body bgcolor="blue" text="red">
<h1>Ejercicio 1</h1>
<table border="1" bgcolor="olive">
<tr>
<th>Alumno</th>
<th>Asignatura</th>
<th>Calificacion</th>
</tr>
<tr>
<td>Juan Perez</td>
<td>Matematica</td>
<td>8</td>
</tr>
<tr>
<td>Rodolfo Cardenas</td>
<td>Frances</td>
<td>5</td>
</tr>
</table>
</body>
</html>
TTULO DE LAS TABLAS CON EL ELEMENTO CAPTION
Mediante el elemento caption, podemos definir el ttulo de una tabla.
Este ttulo debera describir de una manera breve y precisa el
contenido y la naturaleza de la tabla. El elemento caption slo est
permitido si va justo despus de la apertura de la tabla. Escribe este
cdigo y comprueba el resultado.
Ttulo de la tabla
Lenguaje HTML
Pgina 3
Contenido
1
Contenido
4
Contenido
2
Contenido
5
Contenido
3
Contenido
6
<html>
<head><title>Ejercicio 1</Title></head>
<body bgcolor="blue" text="red">
<h1>Ejercicio 1</h1>
<table border="1" bgcolor="olive">
<caption>Titulo de Tabla</caption>
<tr>
<td>contenido1</td>
<td>contenido2</td>
<td>contenido3</td>
</tr>
<tr>
<td>contenido4</td>
<td>contenido5</td>
<td>contenido6</td>
</tr>
</table>
</body>
</html>
PRACTICA
Crea un documento con una tabla HTML que tenga la apariencia de la
tabla indicada a continuacin. La primera fila debe estar compuesta
por elementos de encabezado de tabla (th). No te preocupes por el
centrado de los textos, sino nicamente por que las subdivisiones en
la tabla aparezcan correctamente.
Lenguaje HTML
Pgina 4
Lenguaje HTML
Pgina 5