(Registro de aprendizaje HTML): etiqueta de lista

• Escrito al frente: consulte el tutorial de Bilibili Dark Horse Programmer Pink Teacher 
• Dirección: https://www.bilibili.com/video/BV14J4114768?t=328&p=26

Tabla de contenido

Etiqueta de lista (énfasis)

Lista desordenada ul (énfasis)

Lista ordenada ol (entender)

Lista personalizada (comprensión)

Resumen de lista

---

Etiqueta de lista (énfasis)

• concepto:
  • En el contenedor se carga una forma de texto o gráficos con estructura y estilo coherentes, denominada lista
• caracteristicas:
  • La característica más importante de la lista es que está limpia, ordenada y ordenada, es similar a la tabla, pero tiene un mayor grado de libertad en combinación.

Lista desordenada ul (énfasis)

• Cada elemento de una lista desordenada no tiene niveles de orden y son paralelos . El formato de sintaxis básico es el siguiente

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ul>

• Por ejemplo, a continuación, las noticias no están en orden, no hay necesidad de hacer cola, primero en llegar, primero en servirse y luego publicarse primero.

• Solo <li> </li> se puede anidar en <ul> </ul>. No se permite ingresar directamente otras etiquetas o texto en la etiqueta <ul> </ul>.
• El espacio entre <li> y </li> es equivalente a un contenedor, que puede contener todos los elementos .
• Las listas desordenadas tendrán sus propios atributos de estilo, anote ese estilo y deje que CSS venga

Lista ordenada ol (entender)

 

• Una lista ordenada es una lista ordenada, y cada elemento de la lista está organizado y definido en un cierto orden. El formato de sintaxis básico de una lista ordenada es el siguiente:

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ol>

• Todas las funciones son básicamente las mismas que ul. Pero en la práctica se usa mucho menos que las listas desordenadas.

Lista personalizada (comprensión)

• La lista de definiciones se utiliza a menudo para explicar y describir términos o sustantivos. No hay viñetas antes de los elementos de la lista en la lista de definiciones. La sintaxis básica es la siguiente:

<dl>
  <dt>名词1</dt>
  <dd>名词1解释1</dd>
  <dd>名词1解释2</dd>
  ...
  <dt>名词2</dt>
  <dd>名词2解释1</dd>
  <dd>名词2解释2</dd>
  ...
</dl>

Resumen de lista

Nombre de etiqueta	definición	Descripción
<ul> </ul>	Etiquetas desordenadas	Solo puede contener li sin ningún orden, la lista más utilizada en nuestro diseño futuro
<ol> </ol>	Etiqueta ordenada	Solo puede contener li en orden, que se usa menos
<dl> </dl>	Lista personalizada	Hay 2 hermanos, dt y dd