Tablas en HTML

Las tablas son una herramienta muy útil para ordenar información, siendo también una parte importante y fundamental el HTML, dando una vista más clara y ordenada. Sin embargo un mal uso de esta herramienta, puede ocasionar que nuestra página web termine siendo un problema para el usuario que nos visita.

Por ende pasemos a ver las etiquetas básicas para generar una tabla en HTML, simple, clara y eficiente.

<TABLE> Es la etiqueta base para iniciar y cerrar una tabla.
</TABLE>

<TD> Genera una columna dentro de la tabla.
</TD>

<TR> Genera una columna dentro de la tabla.
</TR>

Ahora veamos como se crea una tabla en HTML. Como puede ver en el ejemplo a las etiquetas tablas también se le pueden agregar ciertos atributos, para obtener un resultado más agradable, como es color, tamaño, texto, etc.

<HTML>

<BODY>

<TD WIDTH=100 BGCOLOR="red">prueba 1 </TD>

<TD WIDTH=100 BGCOLOR="gray">prueba 2</TD>

<TD WIDTH=100 BGCOLOR="yellow">prueba 3</TD>

<TR>

<TD WIDTH=100 BGCOLOR="blue"> prueba 4</TD>

<TD WIDTH=100 BGCOLOR="green"> prueba 5</TD>

<TD WIDTH=100 BGCOLOR="orange"> prueba 6</TD>

</TR>

</TABLE>

</BODY>

</HTML>

(El resultado de este código es la imagen de entrada)

Ortiz - Cálculo y resolución de problemas

martes, 8 de octubre de 2013

Tablas en HTML

No hay comentarios:

Publicar un comentario