Latest web development tutorials

etiqueta <table> HTML

Ejemplos

Una tabla HTML sencilla, que contiene dos dos líneas:

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

Trate »
(Para más ejemplos, véase la parte inferior de la página)

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan la etiqueta <table>.


definiciones de código e instrucciones

<Tabla> define una tabla HTML

La tabla incluye una etiqueta HTML <table> elemento, uno o más <TR> , <th> y <td> elementos.

<Tr> define una fila de la tabla, <th> define la cabecera de la tabla, <td> define una celda de tabla.

Las formas más complejas también pueden incluir HTML <caption>, <col>, <colgroup>, <culata en T>, <tfoot> y <tbody> elemento.


Diferencias entre HTML 4.01 y HTML5

En apoyo HTML5 única propiedad "frontera", y sólo permitir el uso del valor "1" o "."


propiedad

属性 描述
align left
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border 1
""
规定表格单元是否拥有边框。
cellpadding pixels HTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacing pixels HTML5 不支持。规定单元格之间的空白。
frame void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。规定外侧边框的哪个部分是可见的。
rules none
groups
rows
cols
all
HTML5 不支持。规定内侧边框的哪个部分是可见的。
summary text HTML5 不支持。规定表格的摘要。
width pixels
%
HTML5 不支持。规定表格的宽度。


Propiedades globales

<Table> soporta HTML propiedades globales .


Propiedades del evento

<Table> soporta propiedades de evento HTML .


Ejemplos

Trate - Ejemplo

título de la tabla
Este ejemplo muestra cómo mostrar los encabezados de tabla.

Las células vacías
Este ejemplo muestra cómo utilizar el "& nbsp;" ninguna celda de procesamiento de contenido.

Tabla con encabezamientos
En este ejemplo se demuestra con una forma del título (título).

Etiquetas dentro de la tabla
Este ejemplo muestra cómo mostrar elementos dentro de otros elementos.

Interbancaria a través de columnas o celdas de la tabla
Este ejemplo muestra cómo definir cruz oa través de columnas de una celda de tabla.


Artículos relacionados

HTML Tutorial: tabla HTML

Manual de Referencia HTML DOM: el objeto de tabla