Latest web development tutorials

tabla HTML

HTML instancia tabla:

Nombres apellido puntos
Jill herrero 50
Eva Jackson 94
Juan coneja 80
Adán Johnson 67


Ejemplos

ejemplos en línea

mesa
Este ejemplo muestra cómo crear una tabla en un documento HTML.

(Puede encontrar más ejemplos en la parte inferior de esta página.)


tabla HTML

Forma definida por la etiqueta <table>. Cada tabla tiene un número de líneas (definido por <tr> tag), cada línea se divide en un número de células (definida por la etiqueta <td>). Se refiere al contenido de letras td datos de la tabla (datos de la tabla), es decir, la celda de datos. celda de datos puede contener texto, imágenes, listas, párrafos, formularios, tablas horizontales, y así sucesivamente.

Tabla instancia

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

El navegador muestra la siguiente ::

la fila 1, celda 1 la fila 1, celda 2
fila 2, 1 celular fila 2, la celda 2


tablas HTML y propiedades de los bordes

Si no se define la frontera atribuir la tabla no se mostrará. A veces esto es útil, pero la mayoría de las veces, queremos mostrar la frontera.

Utilice la propiedad frontera para mostrar una tabla con bordes:

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>


cabecera de la tabla HTML

cabecera de la tabla con las teclas <th> se define la etiqueta.

La mayoría de los navegadores mostrarán el texto del encabezado en negrita centrado en:

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

El navegador muestra lo siguiente:

cabecera 1 Cabezal de 2
la fila 1, celda 1 la fila 1, celda 2
fila 2, 1 celular fila 2, la celda 2


Ejemplos

más ejemplos

Sin table border
Este caso no demostró un borde de la tabla.

cabecera de la tabla (partida)
Este ejemplo muestra cómo mostrar el encabezado de la tabla.

Tabla con encabezamientos
En este ejemplo se demuestra con un título (título) de la forma

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.

Etiquetas dentro de la tabla
Este ejemplo muestra cómo mostrar los elementos en diferentes elementos.

Relleno de la celda (relleno de las celdas)
Este ejemplo muestra cómo utilizar el margen de celdas para crear un contenido de celda en blanco y sus fronteras entre.

espaciado de celda (el espacio entre celdas)
Este ejemplo muestra cómo utilizar el espacio de la célula para aumentar la distancia entre las células.


etiquetas de tabla HTML

标签 描述
<table> 定义表格
<th> 定义表格的表头
<tr> 定义表格的行
<td> 定义表格单元
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚