English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de Referência HTML

大全 de Tags HTML

HTML: <ul> etiqueta

A tag <ul> em um documento HTML define uma lista não ordenada. Este rótulo também é conhecido como elemento <ul>.

Exemplo online

Lista HTML não ordenada ul:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso da tag HTML ul (Tutorial Básico da Web w3(codebox.com)</title>
</head>
<body>
<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ul>
</body>
</html>
Teste para ver ‹/›

Neste HTML5No exemplo de documento, usamos a tag <ul> para criar uma lista não ordenada, contendo quatro itens da lista encontrados nas quatro tags <li>.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a tag <ul>.

Definição e instruções de uso das tags

A tag <ul> define uma lista não ordenada.

Combine a tag <ul> com <li> As tags são usadas juntas para criar uma lista não ordenada.

A tag <ul> é composta por tags <li>.

当列表项没有数字顺序时,请使用

    标记。

    您可以嵌套

        列表。

        Quando os itens da lista não têm uma sequência numérica, use a etiqueta <ul>.

        Dica e NotaVocê pode aninhar listas <ol>, <ul> e <menu>.

        Dica e NotaDica:Usar <ol>

        HTML 4.01 etiqueta para criar listas ordenadas.5e HTML

        Diferenças entre HTML 4.01 Em HTML, os atributos "compact" e "type" foram descontinuados.5 Então esses dois atributos não são suportados.

        Atributo

        AtributoValorDescrição
        compactcompactHTML5 Não suportado. HTML 4.01 Descontinuado. Especificar que a apresentação da lista é mais pequena do que o normal.
        typedisc
        square
        circle
        HTML5 Não suportado. HTML 4.01 Descontinuado. Especificar o tipo de marcador de itens da lista.

        Atributos globais

        A etiqueta <ul> suporta Atributos globais HTML.

        Atributos de eventos

        A etiqueta <ul> suporta Atributos de eventos HTML.

        Tente o exemplo online

        Listas não ordenadas de diferentes tipos
        Listas não ordenadas de diferentes tipos

        Listas aninhadas
        Este exemplo demonstra como aninhar listas.

        Listas aninhadas 2
        Este exemplo demonstra listas aninhadas mais complexas.

        Lista personalizada
        Este exemplo demonstra uma lista definida.

        Artigos relacionados

        Tutorial HTML:Lista HTML