1. O que é um rótulo de lista?
O que é uma lista HTML? O conteúdo da tabela é uma forma de exibir texto ou gráficos em um contêiner chamado lista. A maior característica de uma lista é que ela é limpa, organizada e ordenada.
A função da tag de lista: adicionar semântica de lista a um conjunto de dados, ou seja, informar ao mecanismo de busca/navegador que esse conjunto de dados é um todo.
2. Lista de classificação de rótulos
As listas HTML são divididas em listas ordenadas, não ordenadas e definidas:
(1) Lista ordenada, use tags <ol> + <li>
(2) Lista não ordenada, use tags <ul> + <li>
(3) Defina a lista usando tags <dl> + <dt> + <dd>
1. Lista não ordenada
Uma lista não ordenada é uma lista de itens marcados com pontos em negrito (geralmente pequenos círculos pretos).
A lista não ordenada começa com a tag <ul>. Cada item da lista começa com <li>.
<html><body><!--Uma lista não ordenada: --><ul><li>Café</li><li>Leite</li><li>Chá verde</li><li>Coca< /li><li>Iogurte</li></ul></body></html>
O resultado final apresentado é o seguinte:
Listas não ordenadas requerem o uso das tags <ul> e <li>:
(1) <ul> é a abreviatura de lista não ordenada, que significa lista não ordenada.
(2) <ul> é igual a <li> em <ol>, indicando cada item da lista. Por padrão, cada item em uma lista não ordenada é representado pelo símbolo ●.
Nota: <ul> geralmente é usado em conjunto com <li> e não aparecerá sozinho. Não é recomendado usar outras tags além de <li> diretamente em <ul>.
2. Lista ordenada
Uma lista ordenada também é uma lista de itens, e os itens da lista são rotulados com números.
Uma lista ordenada começa com a tag <ol>. Cada item da lista começa com uma tag <li>.
<html><body><!--Uma lista ordenada: --><ol><li>Café</li><li>Leite</li><li>Chá verde</li><li>Coca< /li><li>Iogurte</li></ol></body></html>
O resultado final apresentado é o seguinte:
Listas ordenadas requerem o uso das tags <ol> e <li>:
(1) <ol> é a abreviatura de lista de pedidos, o que significa uma lista ordenada. Ela pode numerar cada item da lista, começando pelo número 1 por padrão.
(3) <li> é a abreviatura de item da lista, que representa cada item da lista. O número de <li>s em <ol> indica quantas partes de conteúdo existem. Os itens da lista podem conter texto, imagens, links, etc., ou até mesmo outra lista.
Nota: <ol> geralmente é usado em conjunto com <li> e não aparecerá sozinho. Não é recomendado usar outras tags além de <li> diretamente em <ol>.
3. Lista de definições
Uma lista personalizada não é apenas uma lista de itens, mas uma combinação de itens e seus comentários.
As listas personalizadas começam com uma tag <dl>. Cada item da lista personalizada começa com <dt>. A definição de cada item da lista personalizada começa com <dd>.
<html><body><!--Uma lista ordenada: --><dl><dt>Café</dt><dd>Bebidas quentes</dd><dt>Leite</dt><dd>Bebidas frias </dd></dl></body></html>
O resultado final apresentado é o seguinte:
A definição de listas requer as tags <dl>, <dt> e <dd>:
(1) <dl> é a abreviatura de lista de definições, que significa lista de definições.
(2) <dt> é a abreviatura de termo de definição, que significa termo de definição, que é o que chamamos de título.
(3) <dd> é a abreviatura de descrição de definição, que significa descrição de definição.
Pode-se considerar que <dt> define um conceito (termo), e <dd> é usado para explicar o conceito (termo).
Nota: <dt> e <dd> são tags irmãs e ambas são subtags de <dl>. Geralmente, cada <dt> é emparelhado com um <dd>, e um <dl> pode conter vários pares de <dt> e <dd>.
Resumo: listar tags