miércoles, 29 de septiembre de 2010

Curso de HTML parte 3

Este curso lo publiqué hace varios años, es probable que este desactualizado, voy a publicar un nuevo curso HTML5 muy pronto, puedes suscribirte a mi canal en youtube o darme like en facebook:
Para ir a mi canal de youtube haz click aquí
Página de Facebook, haz click aquí
Las Tablas
En html una tabla se puede definir de la forma mas simple, diciendo que consisten en un conjunto de columnas que contienen celdas, y permiten organizar cualquier tipo de contenido, en el interior de las mismas,
un ejemplo:
Queremos organizar un horario:

Horario Lunes Martes Miercoles Jueves Viernes
Mañana Trabajo Trabajo Trabajo Trabajo Trabajo
Receso Almuerzo Almuerzo Almuerzo Almuerzo Almuerzo
Tarde Trabajo Trabajo Trabajo Trabajo Trabajo

Este es un ejemplo sencillo de la organización de datos, en este caso, un horario básico
Tambien las tablas nos pueden ayudar a organizar el diseño de nuestra pagina web algo asi:

Mi Pagina Web
Columna
En este espacio podriamos organizar, columnas de texto, menus laterales, etc


Contenido


En este espacio podemos colocar el contenido general de nuestra pagina, en el caso de un blog el ultimo porst publicado etc
Columna
En este espacio podriamos organizar, columnas de texto, menus laterales, etc

En este ejemplo vemos como podríamos reorganizar la estructura completa de una pagina de la forma que queramos, que en este caso esconderíamos los bordes y quedaría así:
Mi Pagina Web
Columna
En este espacio podriamos organizar, columnas de texto, menus laterales, etc


Contenido


En este espacio podemos colocar el contenido general de nuestra pagina, en el caso de un blog el ultimo porst publicado etc
Columna
En este espacio podriamos organizar, columnas de texto, menus laterales, etc

Las dos tablas son exactamente iguales, la única diferencia es que la segunda no tiene bordes, los cuales se pueden modificar con el atributo border, que en este caso esta definido como 0, pero en el caso de que no definamos ningún atributo border, el valor por defecto del mismo seria 0, por lo que tampoco se mostraría.
 También en el ejemplo anterior vemos el uso de el atributo colspan y rowspan, que permiten, que una celda ocupe el espacio de varias, cambiando la forma natural de una tabla:
Tabla sin rowspan y/o colspan:




Con Colspan:



Con Rowspan:

4 comentarios:

  1. Como puedo ver las clases anteriores de PHP me quede en la quinta clase en Youtube pero no encuentro las demas, solo la 13 y la 6,7,8,9,10,11,12?

    ResponderEliminar
  2. Visita mi canal de youtube giova50000 ahi estan los videos y cada uno tiene enlaces a las entradas en el blog

    ResponderEliminar
  3. Esta incompleto el curso apenas las 2 primeras clases y ya le entro perisitis

    ResponderEliminar
  4. Hey no e visto tus cursos anteriores d html dond podria ncontrarlos...??

    ResponderEliminar