7/23/2019 PW1 Lab03 TablasHTML (Copy)

1/5

Laboratorio de Programacin Web

Sesin 3: Tablas

I. OBJETIVOS

- Conocer las fundamentos de las Tablas HTML- Utilizar las etiquetas HTML para crear Tablas en pginas web.

II. TEMAS A TRATAR

Tablas

III. MARCO TEORICO

tablas ()El objetivo fundamental de las tablas es mostrar una serie de datos en forma ordenada,

organizado en filas y columnas.

Para la creacin de una tabla intervienen una serie de elementos:

Es la marca de comienzo de la tabla. Este elemento requiere la marca de cierre.

Es la marca de comienzo de una fila. Esta marca debe estar dentro del elemento table. Este

elemento requiere la marca de cierre. Es la marca de comienzo de una celda. Esta marca debe estar dentro del elemento tr. Este

elemento requiere la marca de cierre.Un elemento que no se visualiza es el , que tiene por objetivo especificar informacin

sobre el propio documento.

IV. ACTIVIDADES

Tablas.

1. Escribe el siguiente cdigo en el editor de tu preferencia:

Ttulo de la pgina

China1300 millones

India1080 millones

Estados Unidos295 millones

7/23/2019 PW1 Lab03 TablasHTML (Copy)

2/5

Laboratorio de Programacin Web

2. Gurdalo con el nombre de ejemplo31.html y crgalo en el navegador de tu preferencia.

Problema: Confeccionar una tabla que muestre en la primer columna los nombre de distintosempleados de una compaa y en la segunda el sueldo bruto (la compaa tiene 4 empleados)

Tabla con encabezado ()

3. Escribe el siguiente cdigo en el editor de tu preferencia:

Ttulo de la pgina

PaisesCantidad de habitantes

China1300 millones

India1080 millones

Estados Unidos295 millones

4. Gurdalo con el nombre de ejemplo32.html y crgalo en el navegador de tu preferencia.

Problema: Confeccionar una tabla que muestre en la primer columna los nombre de distintosempleados de una compaa y en la segunda el sueldo bruto (la compaa tiene 4 empleados) Mostrarlos textos 'Nombre del Empleado' y 'Sueldo Bruto' como primer fila de la tabla.

Tabla con ttulo ()

5. Escribe el siguiente cdigo en el editor de tu preferencia:

Ttulo de la pgina

Poblacin de los paises con mayor cantidad de habitantes.

PaisesCantidad de habitantes

7/23/2019 PW1 Lab03 TablasHTML (Copy)

3/5

Laboratorio de Programacin Web

China1300 millones

India1080 millones

Estados Unidos295 millones

6. Gurdalo con el nombre de ejemplo33.html y crgalo en el navegador de tu preferencia.

Problema: Confeccionar una tabla que muestre en la primer columna los nombre de distintos

empleados de una compaa y en la segunda el sueldo bruto (la compaa tiene 4 empleados)Disponer en la tabla un ttulo representativo.

Tabla y combinacin de celdas.

7. Escribe el siguiente cdigo en el editor de tu preferencia:

Ttulo de la pgina

RecursosFacturacin de los ltimos tres meses

Discos Duros230002720026000

CPU730006730051000

Monitores530007200088000

8. Gurdalo con el nombre de ejemplo44.html y crgalo en el navegador de tu preferencia.

7/23/2019 PW1 Lab03 TablasHTML (Copy)

4/5

Laboratorio de Programacin Web

Problema: Confeccionar una tabla que muestre los nombres de peridicos y su nombre de dominio

agrupados por pases. En la primer columna disponer los nombre de pases, expandir en fila deacuerdo a la cantidad de diarios de cada pas.

Comentarios dentro de una pgina

9. Escribe el siguiente cdigo en el editor de tu preferencia:

Ttulo de la pgina

RecursosFacturacinde los ltimos tres meses

Discos Duros230002720026000

CPU730006730051000

Monitores530007200088000

10.Gurdalo con el nombre de ejemplo45.html y crgalo en el navegador de tu preferencia.

Problema: Confeccionar un pgina que muestre dos tablas. Luego comentar la segunda y ver elresultado.

Contenido de la cabecera de la pgina ()

11.Escribe el siguiente cdigo en el editor de tu preferencia:

HTML Ya

7/23/2019 PW1 Lab03 TablasHTML (Copy)

5/5

Laboratorio de Programacin Web

Es una pgina para probar inicializar el elemento HTML meta.

12.Gurdalo con el nombre de ejemplo46.html y crgalo en el navegador de tu preferencia.