tabla HTML
HTML instancia tabla:
Nombres | apellido | puntos |
---|---|---|
Jill | herrero | 50 |
Eva | Jackson | 94 |
Juan | coneja | 80 |
Adán | Johnson | 67 |
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
<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:
<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:
<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 |
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> | 定义表格的页脚 |