miércoles, 29 de abril de 2015

PRÁCTICA #6 - TABLAS Y BORDES

PRÁCTICA No. 6

TABLAS, BORDES Y COLORES DE RELLENO


Ya que comenzamos a manejar las etiquetas básicas para crear tablas que son:
  •  <table></table> para indicar que colocaremos una tabla
  • <tr></tr> fila de la tabla
  • <td></td>columna de la tabla
Vamos a conocer otros aspectos de las tablas como tamaño, color de relleno, alineación y grosor del borde.

Y Junto con esto vamos a seguir trabajando otras etiquetas básicas de texto como los encabezados que van de h1 (el texto más grande) hasta h6. La etiqueta <p> para pasar al siguiente renglón y las otras etiquetas como <html><title><head><body> que son la estructura de cualquier página html .

COMENCEMOS CON LA PRÁCTICA. 

1. ABRE UN BLOC DE NOTAS EN BLANCO

2. COPIA TODO EL CÓDIGO QUE SE MUESTRA AQUÍ DEBAJO. MIENTRAS TRANSCRIBES EL TEXTO VE IDENTIFICANDO LAS ETIQUETAS QUE ACABAMOS DE MENCIONAR Y LEE A CONCIENCIA LO QUE ESCRIBES PARA QUE COMPRENDAS MEJOR LO QUE ESTAS HACIENDO.

3. GUARDA TU ARCHIVO COMO tablasybordes.html

4. ABRE TU ARCHIVO EN TU NAVEGADOR (CHROME, EXPLORER) PARA QUE VISUALICES LO QUE ACABAS DE HACER.


martes, 28 de abril de 2015

PRACTICA #5 - TABLAS BÁSICAS

PRACTICA #5

Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna.


A continuación, en un bloc de notas vas a escribir el siguiente código y al finalizar lo vas a guardar en tu carpeta PRACTICAS HTML como tablas.html


-----------------------------------copia desde <html>-------------------------------------------
---------------hasta </html>------------------------------------
Al terminar nuevamente guarda tu trabajo y vas a la carpeta PRACTICAS HTML y le das doble clic para que se abra en el navegador. 
Se debe ver algo como lo siguiente:
Ejemplo de tabla sencilla creada con las etiquetas table, tr y td