codigo de tabla html

Ver el tema anterior Ver el tema siguiente Ir abajo

codigo de tabla html

Mensaje  Admin el Jue Mar 24, 2011 6:51 am

Este tutorial explica la forma correcta y completa de definir tablas en documentos HTML (lenguaje de marcas hipertextual). Esto ayudará a principiantes a aprender a insertar tablas manualmente en documentos HTML, mientras definirá y describirá todas las herramientas disponibles para avanzados (muchos de los cuales aún no conocen todas las propiedades de una tabla).

Como probablemente ya has leído alrededor del sitio, nuestra intención es proveerte con "buenos métodos de programación" que resultarán en algunos beneficios extra. Por eso es que elegiremos una forma de declarar estas tablas de modo que sean compatibles con el estándar de código XHTML (lenguaje de marcas hipertextual extensible).

Tablas simples

Una tabla HTML puede ser considerada de manera simple como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Las tablas, así como toda estructura en documentos HTML, son definidas usando tags. Una tabla simple puede ser insertada en un documento HTML usando tres tags: el tag HTML table (principal contenedor), el tag HTML tr (fila contenedora) y el tag HTML td (celda simple). Veamos un ejemplo:



Codigo de tabla en html:

Código:
<table border="1" summary="Ejemplo de tabla simple.">
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>

Nota: Los bordes en este ejemplo son creados utilizando el atributo "border" para el tag HTML table, el cual es sólo utilizado para mejorar la visualización. Como los atributos de presentación van siendo desaprobados con cada versión del estándar HTML, y dado que los mismos efectos pueden lograrse usando hojas de estilo, recomendamos evitar el uso de atributos de presentación como "border".

Ten en cuenta que las celdas vacías igual deben ser declaradas utilizando sus respectivos tags para lograr correctitud en el código. Cuando el contenido de una celda debe ser vacío, deberías usar siempre un espacio en blanco (&nbsp;) en su lugar. Esto hará que tu página sea más compatible, dado que ciertos navegadores tienen problemas al mostrar celdas vacías.

Admin
Admin

Mensajes : 76
Fecha de inscripción : 07/02/2010

Ver perfil de usuario http://radiovagancia.peru-foro.com

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.