Guia de Disenno HTML - Tablas

MARCAS DE TABLA

Guía de Diseño en HTML - v2.01 <Ultima actualización: Febrero 2 de 1996>

+ Marcas Básicas de Tablas

<table>...</table> - tabla
<tr> - definición de fila
<th> - título
<td> - celda de datos

CenaBebidaDulces
ABC 
<table border>
<tr><th>Cena</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>
CenaBebidaDulces
ABC 
<table>
<tr><th>Cena</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

+ Expansión de Tabla

Expansión de Columna <th colspan=#>

Menú Matinal
Comida Bebida Dulces
ABC 
<table border>
<tr><th colspan=3> Menú Matinal</th>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>
</table>

Expansión de Fila <th rowspan=#>

Menú Matinal Comida A
Bebida B
Dulces C
 
<table border>
<tr><th rowspan=3> Morning Menu</th>
    <th>Comida</th> <td>A</td></tr>
<tr><th>Bebida</th> <td>B</td></tr>
<tr><th>Dulces</th> <td>C</td></tr>
</table>

+ Tamaño de Tabla

<table border=#>

ComidaBebidaDulces
ABC 
<table border=10>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

<table width=# height=#>

ComidaBebidaDulces
ABC 
<table border width=170 height=100>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

<table cellspacing=#>

ComidaBebidaDulces
ABC 
<table border cellspacing=10>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

<table cellpadding=#>

ComidaBebidaDulces
ABC 
<table border cellpadding=10>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr><td>A</td>
    <td>B</td><td>C</td>	
</table>

+ Alineación del Texto en la Tabla

<tr align=#>

<th align=#>  #=left, center, right

<td align=#>

ComidaBebidaDulces
A B C 
<table border width=160>
<tr><th>Comida</th>
    <th>Bebida</th><th>Dulces</th>
<tr>
    <td align=left>A</td>
    <td align=center>B</td>
    <td align=right>C</td>	
</table>









<tr valign=#> 


<th valign=#>  #=top, middle, bottom, baseline


<td valign=#> 












	ComidaBebida
	DulcesOtros

A
	B
	C
	D





<table border height=100>
<tr>
    <th>Comida</th><th>Bebida</th>
    <th>Dulces</th><th>Otros</th>
<tr>
    <td valign=top>A</td>
    <td valign=middle>B</td>
    <td valign=bottom>C</td>
    <td valign=baseline>D</td>
</table>
















+ Floating Table






<table align=left> 



<table align="left" border>
<tr><th>Comida</th><th>Bebida</th><th>Dulces</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
Mis Favoritos...<br>
galletas, chocolates, y otros.









ComidaBebidaDulces

ABC


Mis Favoritos...

galletas, chocolates y otros.













<table align=right> 





ComidaBebidaDulces

ABC


Mis Favoritos...

galletas, chocolates y otros.















+ Color de Celda 






<td bgcolor=#>




#=rrggbb Número Hexadecimal, o Nombre:

Negro (Black),
Oliva (Olive),
Verde Fluorescente (Teal),
Rojo (Red),
Azul (Blue),
Marrón (Maroon),
Azul Oscuro (Navy),
Gris (Gray),
Lima (Lime),		

Fucsia (Fuchsia),
Blanco (White),
Verde (Green),
Púrpura (Purple),
Plata (Silver),
Amarillo (Yellow),
Agua (Aqua)












Comida
Bebida

AB





<table border>
<tr><th bgcolor=000000>
<font color=ffffff>Comida</font></th>
<th bgcolor=white>Bebida</th>
<tr><td bgclor=ffaaaa>A</td><td>B</td>
</table>



















NCD



Página Principal de Diseño en HTM
L



 Contenidos 
|| Página
|| Letra  
|| Estilo Texto  
|| Imagen  
|| Tabla
|| Formato
|| Matemática


 Marco
||