Código HTMLInformática

Maestra: Azucena Cervantes Ponce

Colegio Bucerias

27/Mayo/2015

Esli Daniela Chávez

¿Qué es una tabla en un código HTML?

Las tablas nos permiten representar y ordenar cualquier elemento de nuestra presentación en diferentes filas y columnas de modo que podamos resumir grandes cantidades de información de una manera que puede representarse rápida y fácilmente.

Etiqueta: <table> y para cerrar la etiqueta </table>

Web estilo(2009) TablaRecuperado: 27/mayo/2015De: http://www.webestilo.com/html/cap5a.phtml

?Qué significa “tr” y “td”?

Cada fila de la tabla se indica mediante las etiquetas <tr>.....</tr>. Las tags <th> y <td> con sus correspondientes tags de cierre, son para indicar las filas individuales dentro de cada fila.

Las etiquetas <td>.....</td> indican que se trata de celdas comunes.

Web estilo(2009) Etiquetas tr y tdRecuperado: 27/mayo/2015De: http://www.webestilo.com/html/cap5a.phtml

?Cómo insertar un borde en una tabla?

Para que se visualicen los bordes de una tabla, debemos agregar el atributo border junto con el valor expresado en pixels, de lo contrario no se verán los bordes que dividen las celdas de la tabla.

Virtualnauta(2015) Bordes Recuperado 27/mayo/2015De: http://www.virtualnauta.com/html-tablas

Código para una tabla invisible

Puedes manipular el tamaño y así hacer que desaparezca, por ejemplo:

<table border=“4”>

<table border=“7”>

<table=“0”>

Colspan y rowspanColspan:Indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna.

De esta forma si ponemos <td colspan=2>, quiere decir que la celda actual se extiende en el ancho de dos celdas.

Rowspan:Indica el número de filas que ocupará la celda.

Algo parecido ocurre si ponemos <td rowspan=3>, la celda ocupará el alto de 3 celdas normales.

Usabilidad(2015) Colspan y rowspanRecuperado 27/mayo/2015De: http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp

?Qué es cellpadding y cellspacing?

Cellpadding:Define, en pixels, el espacio entre los bordes de la celda y el contenido de la misma.

Cellspacing:Define el espacio entre los bordes (en pixels).

?Cómo insertas color de fondo en una celda de una tabla?

Para cambiar el color a la celda

<TD BGCOLOR="codigo de color">

Mailxmail(2015) Color en las celdasRecuperado: 27/mayo/2015De: http://www.mailxmail.com/curso-html/color-fondo-tablas

?Cómo insertas una imágen de fondo en una tabla?

Etiqueta:<table width="" height="" border="" border color="" background="aqui pones la ulr de la imagen que quieras de fondo en tu tabla">

Alinear el contenido de una tabla

En la primera celda el texto está alineado a la izquierda. No hay que hacer nada, es la alineación que se establece por defecto. (Podría escribirse, de todas formas: <td align="left">).

En la segunda celda el texto está alineado en el centro: <td align="center">.

En la tercera celda el texto está alineado a la derecha: <td align="right">.