1. La etiqueta de la tabla
(1) <table></table>es la etiqueta que se usa para definir la tabla
(2) la <tr></tr>etiqueta se usa para definir las filas en la tabla y debe estar anidada en la <table></table>etiqueta
(3) se <td></td>usa para definir la celda en la tabla y debe estar anidada en la <tr></tr>etiqueta
(4) Los datos de la tabla de valores de la letra td (datos de la tabla), es decir, el contenido de la celda de datos
P.ej:
<table>
<tr> <td>姓名</td> <td>性别</td> <td>年龄</td></tr>
<tr> <td>周星星</td> <td>男</td> <td>27</td></tr>
</table>
Nota:
La etiqueta de la celda del encabezado de la <th></th>tabla, (encabezado de la tabla) generalmente se encuentra en la primera fila o columna de la tabla, el contenido del texto en el interior está en negrita y se muestra en el centro
2. Atributos de la tabla
Esta parte de los atributos de la etiqueta de la tabla no se usa comúnmente en el desarrollo real y se establecerá a través de CSS. Ahora es para recordar estas palabras
| Nombre del Atributo | Valor de atributo | descripción |
|---|---|---|
| alinear | izquierda centro derecha | Especifica cómo debe alinearse la tabla en relación con los elementos circundantes. |
| frontera | 1 或 "" | Especifica si la celda de la tabla tiene un borde, el valor predeterminado es "", lo que significa que no hay borde |
| relleno celular | Valores de píxeles | Especifica el espacio entre el borde de la celda y su contenido, el valor predeterminado es 1 píxel |
| espacio celular | Valores de píxeles | Especifica el espacio entre celdas, el valor predeterminado es 2 píxeles |
| anchura | Valor o porcentaje de píxeles | Especifica el ancho de la mesa. |
Nota: Todos estos se agregan en la <table></table>etiqueta.
P.ej:<table align="center"> </table>
3. La etiqueta de estructura de la tabla
(1) se <thead></thead>utiliza para definir el encabezado de la tabla. Debe tener una <tr>etiqueta dentro
(2) <tbody></tbody>usada para definir el tema de la tabla, usada principalmente para poner la ontología de datos
Todos se colocan en la <table>etiqueta.
P.ej:
<table>
<thead> <tr></tr> </thead>
<tbody></tbody>
</table>
4, combinar celdas
interbancarias combinadas: rowspan = "número de celdas combinadas"
en las columnas se combinaron: colspan = "número de la celda combinada".
5. Etiqueta de lista La
etiqueta se usa para mostrar datos, por lo que la lista se usa para el diseño. La
característica más importante de la lista es ordenada, ordenada y ordenada. Será más libre y conveniente como diseño.
Según los diferentes escenarios de uso, la lista se divide en tres categorías : Listas desordenadas, listas ordenadas y listas personalizadas
(1) La etiqueta de lista desordenada (énfasis)
<ul> representa la lista desordenada de elementos en la página HTML. Los elementos de la lista generalmente se presentan como viñetas y los elementos de la lista se <li>definen mediante etiquetas
Formato de sintaxis:
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
Nota:
no hay distinción entre los distintos niveles de la lista de pedidos, los elementos de la lista desordenada, están yuxtapuestos: A
B: <ul></ul>solo se pueden anidar <li></li>, directamente en la <ul></ul>etiqueta de entrada u otro texto de etiqueta no está permitido prácticas
C: <li></li>entre Es equivalente a un contenedor, que puede contener todos los elementos.
D: La lista desordenada traerá sus propios atributos de estilo (como pequeños puntos negros), pero en el uso real, se configurará con CSS
(2) Lista ordenada (entender) Una
lista ordenada es una lista en un orden ordenado, y cada lista se organizará y definirá en un orden determinado.
En las etiquetas HTML, las <ol>etiquetas se utilizan para definir una lista ordenada, la disposición de la lista se muestra en números y las <li>etiquetas se utilizan para definir los elementos de la lista.
Formato de sintaxis:
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
Nota:
A: <ol></ol>solo se puede anidar <li></li>. No <ol></ol>se permite ingresar directamente otras etiquetas o texto en la etiqueta.
B: <li></li>es equivalente a un contenedor y puede contener todos los elementos.
C: la lista desordenada traerá sus propios atributos de estilo (Como 1,2 ... secuencia), pero en el uso real, CSS se utilizará para configurar
(3) Lista personalizada (énfasis)
La lista personalizada se usa a menudo para explicar y describir términos o sustantivos No hay ningún símbolo antes de los elementos de la lista de la lista personalizada.
Formato de sintaxis:
<dl>
<dt>名词1</dt>
<dd>名词解释1</dd>
<dd>名词解释2</dd>
</dl>
Nota:
A: <dl></dl>que puede contener <dt>y <dd>
B: <dt>y <dd>el número no está limitado, y a menudo es un <dt>número correspondiente de<dd>