Está en la página 1de 2

COLEGIO SALUDCOOP NORTE

INSTITUCION EDUCATIVA DISTRITAL


Resolución de Funcionamiento 2734 del 4 de julio de 2007
Para los niveles de Preescolar, Básica y Media Académica
DANE 111001107743 NIT 900172786-2
DOCENTE: ING. LUZ ESTER GELVEZ
Área Tecnología e Informática
Guía TABLAS EN HTML

Ciclo: 5 Grado: ONCE Asignatura: INFORMATICA

Objetivo: Crea una página web en html que contenga una tabla.

Competencias a evaluar:
· Presentarse con puntualidad a sus clases.
· La disciplina y el comportamiento adecuado durante la clase
· Actitud para hacer las tareas y trabajos asignados: entrega a tiempo y en orden
· Respeto hacia todos los miembros de la comunidad educativa
· Disposición para utilizar el uniforme con dignidad y elegancia.

Materiales: Computador – guía.

Pasos a seguir:
Abrir
1. ABRIENDO EL DOCUMENTO EL BLOCK DE NOTAS.

 Clickear en inicio
 Clickear en todos los programas
 Clickear en accesorios
 Clickear en block de notas.
2. GUARDANDO EL DOCUMENTO:
 Clickear en Archivo
 Clickear en guardar como
 Clickear en mi Pc,
 Clickear en datos D
 Clickear en Documents and setting
 Clickear en grado 1101 o 1102
 Clickear en la carpeta que lleva su nombre
 Clickear en carpeta: ejemplo: archivos de mi web
 Dar el nombre al documento seguido de punto y la letras html, ejemplo:
miwebtable.html
 Clickear en guardar o aceptar.
3. INICIANDO EL DOCUMENTO. Digita las siguientes etiquetas:
<html>
<head> <title>nombre de la página</title></head>
<body>
4. Damos comienzo a la tabla con las siguientes instrucciones:
<table> etiqueta para abrir la tabla, en ella escribiremos el atributo border= (borde) y width
(ancho de la tabla)
<table border= “3” widht=80%>

5. Con la instrucción tr creamos las filas. Se escribe según el número de filas que vayamos a
necesitar.
6. Con la etiqueta th se crean las columnas (esta se utiliza para los títulos de la tabla) observa
que se escribe inmediatamente después de la etiqueta tr y según el número de columnas
que se necesiten.
<tr> <th>&nbsp; a</th><th> b</th><th>c</th> nuevamente. &nbsp;= indica espacio entre
celdas.
7. Iniciamos la segunda fila, de nuevo con la etiqueta tr. Si no se requiere encabezado en la
primera columna empezamos con td (columnas normales) y en este caso nuestra orden
sería:
<tr> <th> 1</th><td> 2</td><td>3 </td></tr> (para tres columnas>
8. Seguimos de la misma forma para las filas y columnas siguientes.
9. Cerramos nuestra página con:
</body> </html>
10. Así quedaría nuestra página:

Guía Taller elaborada por: Área de Tecnología e Informática.


COLEGIO SALUDCOOP NORTE
INSTITUCION EDUCATIVA DISTRITAL
Resolución de Funcionamiento 2734 del 4 de julio de 2007
Para los niveles de Preescolar, Básica y Media Académica
DANE 111001107743 NIT 900172786-2
DOCENTE: ING. LUZ ESTER GELVEZ
Área Tecnología e Informática

11. A cada celda se le puede dar un color diferente utilizando la instrucción bgcolor, ejemplo:
<th bgcolor="44ab88">”

12. Ahora comienza tu trabajo con el tema


seleccionado para realizar la tabla.

Guía Taller elaborada por: Área de Tecnología e Informática.

También podría gustarte