Ejemplo de Tabla HTML

Las tablas son la manera más sencilla de organizar el contenido en una página web. Nos permiten delimitar de qué lugar a qué lugar deseamos que se muestre el contenido.

Desde mis inicios como diseñador web, me he dado a la tarea en especializarme en el manejo de tablas y siempre las uso, y por supuesto que a mis alumnos les exijo el uso de tablas y les pongo ejercicios muy complicados.

La estructura básica consta de celdas y columnas, como si fuera una hoja de cálculo. Sin embargo, se pueden llegar a combinar filas o columnas. Para este ejemplo de tabla con html utilizaremos la estructura básica:

Ejemplo de tabla en HTML

<table>
<tr>
<td>Celda</td>
<td>Celda</td>
</tr>
<tr>
<td>Celda</td>
<td>Celda</td>
</tr>
</table>

La etiqueta <tr> sirve para cambiar de renglón.
La etiqueta <td> sirve para crear una nueva celda.

Todas las propiedades del HTML aplican a la etiqueta <table>

Espero les sea de utilidad, si tienen dudas o comentarios pregunten.


Ejemplo de Redirección página con HTML

En algunas ocaciones deseamos redireccionar una página automáticamente y exiten varias formas de hacerlo. La más sencilla y aquella que nos permite hacerlo mediante HTML es usando el tag "meta".

Ejemplo de redireccion de página:

<meta http-equiv="Refresh" content="60;URL=nuevapagina.html" />

El código anterior nos enviara despues de 60 segundos a una página llamada "nuevapagina.html"

El tiempo podemos fácilmente cambiarlo a 30 segundos

<meta http-equiv="Refresh" content="30;URL=redireccionar.html" />

O podemos utilizar este tag para refrescar la página actual

<meta http-equiv="Refresh" content="60;URL=#" />


- Siguiente