Tablas.
Objetivo: Conocer la forma en la cual se diseñan las tablas y se modifica el formato de las mismas
atraves de html en el diseño de una pagina web.
Desarrollo:
Para especificar una tabla en html se pone de la siguiente manera:
table TEXTO tbody /tbody /table>
tr FILAS /tr
td COLUMNAS /td
Para poner encabezados dentro de las mismas se utiliza:
th /th
Formato de Tablas.
width:/Significado: Ancho de tabla / Posible valor: Numerico acompañado de porcentaje.
height: /Significado: Altura de tabla / Posible valor: Numerico acompañado de porcentaje.
cellpadding: /Significado: Espacio entre el contenido de las celdas y el borde. / Posible valor: Numerico acompañado de porcentaje.
border: /Significado: Grosor del Borde. / Posible valor: Un numero.
align: /Significado: Alineacion de la tabla dentro de la pagina / Posible valor: left, right, center.
bg color: /Significado: Color de fondo / Posible valor: Numero hexadecimal.
background: /Significado: Imagen de fondo / Posible valor: Numero hexadecimal.
border color: /Significado: Color de borde / Posible valor: Numero hexadecimal.
Otros atributos:
base line: Linea de base.
bottom: Inferior.
middle: Medio.
top: Superior.
Ejercicio:
Desarrolla una tabla que muestre el horario de clases, asi como un recuadro con las calificaciones
del 1o, 2o y 3er parcial.
atraves de html en el diseño de una pagina web.
Desarrollo:
Para especificar una tabla en html se pone de la siguiente manera:
table TEXTO tbody /tbody /table>
tr FILAS /tr
td COLUMNAS /td
Para poner encabezados dentro de las mismas se utiliza:
th /th
Formato de Tablas.
width:/Significado: Ancho de tabla / Posible valor: Numerico acompañado de porcentaje.
height: /Significado: Altura de tabla / Posible valor: Numerico acompañado de porcentaje.
cellpadding: /Significado: Espacio entre el contenido de las celdas y el borde. / Posible valor: Numerico acompañado de porcentaje.
border: /Significado: Grosor del Borde. / Posible valor: Un numero.
align: /Significado: Alineacion de la tabla dentro de la pagina / Posible valor: left, right, center.
bg color: /Significado: Color de fondo / Posible valor: Numero hexadecimal.
background: /Significado: Imagen de fondo / Posible valor: Numero hexadecimal.
border color: /Significado: Color de borde / Posible valor: Numero hexadecimal.
Otros atributos:
base line: Linea de base.
bottom: Inferior.
middle: Medio.
top: Superior.
Ejercicio:
Desarrolla una tabla que muestre el horario de clases, asi como un recuadro con las calificaciones
del 1o, 2o y 3er parcial.


1 comentarios:
ok, pero no vi funcionando los enlaces de la tabla
Publicar un comentario
Suscribirse a Enviar comentarios [Atom]
<< Inicio