Cómo construir una tabla en una página web

Por lo tanto, usted desea aprender cómo construir una tabla en una página web? Es necesario aprender algunas etiquetas HTML. La primera etiqueta se llama la etiqueta de "mesa", y se ve así: <table>. Esto le dice al navegador que es una mesa para ser dibujado en la página web. Agrega filas y columnas a la tabla mediante la etiqueta <tr>, lo que indica una nueva fila dentro de la tabla, y la etiqueta <td>, que se utiliza para indicar que los datos se le añadirá a la fila de tabla.

Instrucciones

Cómo construir una tabla en un wesbite

1 Localizar el área en el código HTML de la página web en la que desea crear la tabla. Inserte la etiqueta <table> en esta área.

2 Inserte la etiqueta <tr> después de la etiqueta <table>, esto le dice al navegador que se está formando una nueva fila de la tabla. A continuación, inserte la etiqueta <td> para decirle al navegador que esta fila contiene los datos (TD significa datos de la tabla). Debe tener un aspecto como este, <table> <tr> <td>

3 Introduzca el texto, imagen o información que desea que figura en la fila de la tabla después de los <tr> <td> etiquetas. Su HTML se verá así, <table> <tr> <td> su texto o imagen va aquí. Para finalizar la fila, utilizar los </ tr> </ td> etiquetas.

4 Puede añadir filas adicionales mediante el uso de otro conjunto de <tr> <td> etiquetas, después de que los </ tr> </ td> etiquetas.

5 Cuando haya terminado la construcción de la tabla, insertar la etiqueta </ ​​table>. Esto le dice al navegador que la mesa está "cerrado".

Consejos y advertencias

• Si desea agregar varias columnas a la tabla, insertar una etiqueta <td> al final del texto, o imagen, de la fila, después de la primera etiqueta <td>. Esto le dice al navegador que no hay más información que se añade a la tabla. Se formará automáticamente otra columna.
• Añadiendo </ tr> etiquetas </ td>, que indican al navegador para poner fin a la fila, no siempre es necesario. Algunos navegadores asume automáticamente la primera fila se cierra cuando otro conjunto de <tr> <td> etiquetas se utilizan para declarar una nueva fila.
• Cuando se agrega una fila que tiene varias columnas (etiquetas <td>), y una fila que tiene sólo una columna, se debe utilizar el <colspan> atribuyen a extender la fila de la tabla a través de las columnas. Se parece a esto ...
• <Table>
• <Tr> <td> El texto de su ... más texto ... texto ...
• <Td> Aquí hay otra columna de texto
• <Td> Aquí está otra columna de esta fila
• </ Tr> </ td>
• <Tr> <td colspan = "3"> Esta es una única fila que quiero expandir a través de las tres columnas anteriores, por lo que utiliza <colspan = "3"> dentro de la etiqueta.
• </ Table>
• Las tablas pueden ser confuso ya que los navegadores interpretan de manera diferente. Familiarizarse con el uso de <colspan> y <> rowspan atributos, para organizar sus celdas de la tabla que desea que aparezcan.
• Los navegadores leerán </ table> en formas confusas, así que si se utiliza una tabla dentro de una tabla, o insertar una etiqueta <table> en el código HTML antes de cerrar su primera tabla, comprobar cada página en un navegador diferente antes publicada su página.