H I O X INDIA
Básica gratuita Tutorial HTML
 INICIO ||  Scripts  ||  Tutorials  ||  Images  english  Français  中文  Deutsch 

HTML Básica
Introducción
Como hacerlo
Listado de Etiquetas
html, head, body
Text Manipulation
Imagenes
Efectos Especiales
utilizando tablas
Formas
Otros temas

Bordes de Tabla en HTML


Topic

Como setear un borde alrededor de la tabla



Explicación


Tabla con borde
Creamos el borde para la tabla, usando el atributo "border".
Este atributo debe ser agregado en la etiqueta "table".

Código:
<table border=1>
<tr>
<td>
Esta es la primer columna
</td>
<td>
Esta es la segunda columna
</td>
</tr>
</table>


Resulta:
El resultado será
Esta es la primer columna Esta es la segunda columna


Tabla con 2 filas y 2 columnas
Ahora crearemos una tabla con dos filas y dos columnas cada una

Código:
<table border=1>
<tr>
<td>
Esto es 1st fila 1st columna
</td>
<td>
Esto es 1st fila 2nd columna
</td>
</tr>
<tr>
<td>
Esto es 2nd fila 1st columna
</td>
<td>
Esto es 2nd fila 2nd columna
</td>
</tr>
</table>


Resulta:
El resultado será
Esto es 1st row 1st columna Esto es1st row 2nd columna
Esto es 2nd row 1st columna Esto es 2nd row 2nd columna




privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com

Otros enlaces