1. ¿Qué es una etiqueta de lista?
¿Qué es una lista HTML? El contenido de la tabla es una forma de mostrar texto o gráficos en un contenedor, que se denomina lista. La característica más importante de una lista es que esté limpia, ordenada y ordenada.
La función de la etiqueta de lista: agregar semántica de lista a un conjunto de datos, es decir, decirle al motor de búsqueda/navegador que este conjunto de datos es un todo.
2. Clasificación de etiquetas de lista
Las listas HTML se dividen en listas ordenadas, desordenadas y definidas:
(1) Lista ordenada, use etiquetas <ol> + <li>
(2) Lista desordenada, use etiquetas <ul> + <li>
(3) Defina la lista usando etiquetas <dl> + <dt> + <dd>
1. Lista desordenada
Una lista desordenada es una lista de elementos marcados con puntos en negrita (normalmente pequeños círculos negros).
La lista desordenada comienza con la etiqueta <ul>. Cada elemento de la lista comienza con <li>.
<html><body><!--Una lista desordenada: --><ul><li>Café</li><li>Leche</li><li>Té verde</li><li>Coca cola< /li><li>Yogur</li></ul></body></html>
El resultado final presentado es el siguiente:
Las listas desordenadas requieren el uso de etiquetas <ul> y <li>:
(1) <ul> es la abreviatura de lista desordenada, que significa lista desordenada.
(2) <ul> es lo mismo que <li> en <ol>, indicando cada elemento de la lista. De forma predeterminada, cada elemento de una lista desordenada está representado por el símbolo ●.
Nota: <ul> generalmente se usa junto con <li> y no aparecerá sola. No se recomienda usar otras etiquetas además de <li> directamente en <ul>.
2. Lista ordenada
Una lista ordenada también es una lista de elementos, y los elementos de la lista están etiquetados con números.
Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con una etiqueta <li>.
<html><body><!--Una lista ordenada: --><ol><li>Café</li><li>Leche</li><li>Té verde</li><li>Coca cola< /li><li>Yogur</li></ol></body></html>
El resultado final presentado es el siguiente:
Las listas ordenadas requieren el uso de etiquetas <ol> y <li>:
(1) <ol> es la abreviatura de lista de pedidos, lo que significa una lista ordenada. Puede numerar cada elemento de la lista, comenzando desde el número 1 de forma predeterminada.
(3) <li> es la abreviatura de elemento de la lista, que representa cada elemento de la lista. El número de <li> en <ol> indica cuántos contenidos hay. Los elementos de la lista pueden contener texto, imágenes, enlaces, etc., o incluso otra lista.
Nota: <ol> generalmente se usa junto con <li> y no aparecerá solo. No se recomienda usar otras etiquetas además de <li> directamente en <ol>.
3. Lista de definiciones
Una lista personalizada no es sólo una lista de elementos, sino una combinación de elementos y sus comentarios.
Las listas personalizadas comienzan con una etiqueta <dl>. Cada elemento de la lista personalizada comienza con <dt>. La definición de cada elemento de la lista personalizada comienza con <dd>.
<html><body><!--Una lista ordenada: --><dl><dt>Café</dt><dd>Bebidas calientes</dd><dt>Leche</dt><dd>Bebidas frías < /dd></dl></body></html>
El resultado final presentado es el siguiente:
Para definir listas se requieren las etiquetas <dl>, <dt> y <dd>:
(1) <dl> es la abreviatura de lista de definiciones, que significa lista de definiciones.
(2) <dt> es la abreviatura de término de definición, que significa término de definición, que es lo que llamamos título.
(3) <dd> es la abreviatura de descripción de definición, que significa descripción de definición.
Se puede considerar que <dt> define un concepto (término) y <dd> se utiliza para explicar el concepto (término).
Nota: <dt> y <dd> son etiquetas hermanas y ambas son subetiquetas de <dl>. Generalmente, cada <dt> está emparejado con un <dd>, y un <dl> puede contener múltiples pares de <dt> y <dd>.
Resumen: lista de etiquetas