APRENDE A CREAR TUS PROPIAS TABLAS DE HTML POR MARIA CATALINA GUTIERREZ PEÑA.

Presentación del tema: "APRENDE A CREAR TUS PROPIAS TABLAS DE HTML POR MARIA CATALINA GUTIERREZ PEÑA."— Transcripción de la presentación:

1 APRENDE A CREAR TUS PROPIAS TABLAS DE HTML POR MARIA CATALINA GUTIERREZ PEÑA

2  La etiqueta encierra todas las filas y columnas de la tabla. Las etiquetas (del inglés "table row") definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta (del inglés "table data cell") define cada una de las columnas de las filas, aunque realmente HTML no define columnas sino celdas de datos. TABLAS

3 DEFINIR TABLA  Al definir una tabla, se debe pensar en primer lugar en las filas que la forman y a continuación en las columnas. El motivo es que HTML procesa primero las filas y por eso las etiquetas aparecen antes que las etiquetas.

4 ETIQUETAS y son las etiquetas donde está contenida la tabla y son las etiquetas que indican el comienzo y fin de una fila ( y si es una fila de cabecera) y señalan una celda.

5 ATRIBUTOS  BORDER="4". Indica el tamaño del borde en píxels. Si no se indica nada carece de borde  WIDTH="5" o WIDTH="50%". Es el ancho de la tabla, puede especificarse en valor absoluto (5 píxels) o como un porcentaje (50% del ancho disponible)

6  CELLSPACING="2". Es el espacio entre las celdas, por defecto es 2  CELLPADDING="5". Es el espacio entre el contenido de las celdas y el borde de las mismas, por defecto es 1  ALIGN=" left", "right", "center". Alinea la tabla a la izquierda, derecha o en el centro. ATRIBUTOS

7  abbr = "texto" - Permite describir el contenido de la celda (empleado sobre todo en los navegadores utilizados por personas discapacitadas)  headers = "lista_de_id" - Indica las celdas que actúan como cabeceras para esta celda (los títulos de las columnas y filas). Se indica como una lista de valores del atributo "id" de celdas ATRIBUTOS

8  scope = "col, row, colgroup, rowgroup" - Indica las celdas para las que esta celda será su cabecera. Ej: scope="col" indica que esta celda es la cabecera de todas las demás celdas que están en la misma columna  colspan = "numero" - Número de columnas que ocupa esta celda  rowspan = "numero" - Número de filas que ocupa esta celda ATRIBUTOS

9