El diseño de la tabla y la visualización de datos se utilizan más para mostrar datos.
La sintaxis básica de la tabla:
<p>表格的几个部分 table表格、thead表头、tbody主体、tfoot表尾 </p>
!--表格-->
<table align="center" border="1" cellpadding="50" cellspacing="0" width="600px" >
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
</thead>
<tbody>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
</tfoot>
</table>
Diagrama de efectos: la
etiqueta de la tabla se define como una etiqueta de tabla, la etiqueta tr se define como una fila en la tabla, th y td son las columnas de la tabla, pero la etiqueta th pertenece a la etiqueta del encabezado de la tabla, en comparación con la etiqueta td, el contenido de la etiqueta th es mucho más Estilo centrado en negrita ; la
etiquetaad se usa para definir el encabezado de la tabla, debe haber una etiqueta tr dentro, generalmente utilizada para la primera fila; la
etiqueta tbody se usa para definir el cuerpo de la tabla, principalmente para colocar el cuerpo de datos;
desde la perspectiva del cuerpo El contenido de la
etiqueta tbody y la etiqueta tfoot al final de la tabla no son muy diferentes. En general, la etiqueta tfoot se omite y el contenido de la cola se escribe directamente en la etiqueta tbody; la etiqueta tad y la etiqueta tfoot se colocan en la etiqueta de la tabla.
Propiedades de la tabla:
Atributos | Descripción |
---|---|
alinear | Alineación (izquierda, centro, derecha) |
anchura | El ancho de la tabla (valor de píxel o porcentaje) |
altura | Altura de la tabla (valor de píxel o porcentaje) |
frontera | El borde de la tabla, el valor predeterminado es "", sin borde |
relleno de celdas | Distancia entre el contenido de la celda y el borde de la celda, el valor predeterminado es 1 |
espaciamiento celular | La distancia entre la celda y la celda, el valor predeterminado es 2 |
bgcolor | Color de fondo de la tabla |
color del borde | Color del borde de la mesa |