Meta tags:
description=A tag li define itens de lista em HTML. Descrição da tag, atributos e exemplos práticos.;

Headings (most frequently used words):

de, exemplo, marcador, do, li, atributo, value, item, lista, com, ordenadas, tag, html, sintaxe, estilizando, atributos, selecionando, css, acessibilidade, tags, relacionadas, prática, listas, não, estilização, imagem, posicionamento, interno, externo,

Text of the page (most frequently used words):
html (73), list (41), style (37), lista (34), item (32), title (19), svg (19), uma (16), aprender (15), value (13), body (13), head (13), para (12), com (12), atributo (12), css (11), você (11), the (11), #marcador (10), itens (10), #ordenada (10), tag (10), tags (9), atributos (9), listas (9), não (9), copiar (9), class (9), type (9), canvas (9), ordenadas (8), define (8), menu (8), elemento (8), exemplo (8), w3docs (7), que (7), color (7), doctype (7), html5 (7), todos (6), dentro (6), marcadores (6), número (6), document (6), image (6), position (6), coca (6), cola (6), tea (6), coffee (6), prática (5), apenas (5), como (5), inside (5), experimente (5), mesmo (5), propriedade (5), introdução (5), formatter (5), code (4), generator (4), ferramentas (4), por (4), quando (4), linha (4), pode (4), valor (4), outside (4), example (4), elementos (4), json (3), encoder (3), editor (3), quizzes (3), exercícios (3), php (3), javascript (3), acessibilidade (3), sintaxe (3), page (3), primeiro (3), texto (3), único (3), none (3), cada (3), marker (3), lists (3), estilizar (3), use (3), são (3), property (3), url (3), automaticamente (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), exemplos (2), snippets (2), relacionadas (2), selecionando (2), estilizando (2), this (2), link (2), legend (2), verificar (2), ignorado (2), aquele (2), partir (2), esse (2), seguintes (2), assim (2), acontece (2), nova (2), tipos (2), contact (2), about (2), home (2), role (2), remover (2), menus (2), leitores (2), tela (2), div (2), solid (2), border (2), items (2), padding (2), caixa (2), seletor (2), tipo (2), evento (2), globais (2), especifica (2), valores (2), negativos (2), permitidos (2), funciona (2), propriedades (2), circle (2), square (2), descrição (2), here (2), positioned (2), deve (2), media (2), imagem (2), substituir (2), ponto (2), ordered (2), unordered (2), toda (2), começa (2), drinks (2), main (2), fechamento (2), text (2), accept (2), dir (2), formulários (2), referência (2), tutorial (2), imagens (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, sobre, empresa, try, tutoriais, gratuitos, web, desde, 2014, next, previous, yes, was, helpful, inteira, fica, oculta, porque, inválido, mostra, demais, reiniciam, torna, continuam, diante, botão, comando, formulário, seção, documento, quebra, visão, geral, comandos, numerada, fazer, voiceover, safari, pare, reconhecer, modo, contagem, seja, mais, anunciada, navegação, adicione, volta, preservar, semântica, aviso, tratam, grupo, eles, anunciam, total, posição, contexto, ajuda, usuários, entenderem, estrutura, portanto, mantenha, relacionados, vez, simular, quebras, pseudo, estiliza, sem, afetar, útil, recolorir, redimensionar, 0a7cff, separately, ddd, bottom, only, with, line, height, all, além, qualquer, outro, alcançar, limite, específica, classe, descendente, suporta, numérico, number, este, está, obsoleto, seu, lugar, disc, 666, posicionamento, interno, externo, aparecer, fora, https, api, uploads, default, 0001, 03d3f916bd5c266dd5008d5c210478cc730437eb, png, usando, lower, alpha, upper, roman, estilização, usar, ser, inteiro, válido, perigo, alterar, onde, prefira, precisar, específico, meio, start, definir, altera, abaixo, forçado, então, tornam, numeração, continua, dele, ordinal, ele, ice, creams, hot, cold, salads, course, appetizers, navegador, fecha, encontra, próximo, fim, pai, ainda, incluir, recomendado, melhorar, legibilidade, evitar, surpresas, opcional, conteúdo, fluxo, ocupa, largura, disponível, escrito, entre, abertura, esta, página, aborda, notas, ela, filha, dos, exibidos, padrão, recebe, letra, esquerda, aumenta, práticos, charset, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, content, async, alt, attribute, reference, forms, vídeos, youtube, multimídia, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, filtros, stroking, path, polyline, polygon, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, strong, strike, span, spacer, source, small, select, section, script, samp, ruby, rtc, progress, pre, picture, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, nav, meter, meta, menuitem, marquee, mark, map, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, header, frameset, frame, form, footer, font, figure, figcaption, fieldset, embed, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, button, blockquote, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, obsoletas, xhtml, tabela, mime, mensagens, status, métodos, atalhos, teclado, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, caracteres, references, migração, suporte, navegadores, áudio, vídeo, semânticos, layout, computercode, caminhos, arquivo, estilos, scripts, blocos, tabelas, comentários, cores, links, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos, aprenda,

Text of the page (random words):
tag html li aprenda html w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset tag html li a tag li define itens de lista em html descrição da tag atributos e exemplos práticos a tag html li define um único item dentro de uma lista html ela é filha dos elementos ul lista não ordenada ol lista ordenada ou menu em listas não ordenadas e menus os itens são exibidos com um marcador de ponto por padrão em listas ordenadas cada item recebe um número ou letra à esquerda que aumenta automaticamente esta página aborda a sintaxe de li o atributo value como estilizar marcadores de lista com css e notas de acessibilidade para leitores de tela sintaxe um item de lista é escrito entre as tags de abertura li e fechamento li li list item text li copiar li é um elemento de conteúdo de fluxo cada item começa em uma nova linha e ocupa toda a largura disponível no html5 a tag de fechamento li é opcional o navegador fecha o elemento automaticamente quando encontra o próximo li ou o fim da lista pai ainda assim incluir li é recomendado para melhorar a legibilidade e evitar surpresas em ferramentas exemplo de listas ordenadas e não ordenadas lista de menu exemplo da tag html li w3docs doctype html html head title title of the document title head body p ordered list p ol li appetizers li li main course li li salads li ol p unordered list p ul li cold drinks li li hot drinks li li ice creams li ul body html copiar experimente você mesmo o atributo value o atributo value define o número ordinal de um item de lista ele funciona apenas em elementos li dentro de uma lista ordenada ol e é ignorado em listas não ordenadas definir value não altera apenas aquele item a numeração continua a partir dele no exemplo abaixo o primeiro item é forçado ao valor 5 então os itens seguintes se tornam 6 e 7 automaticamente 5 coffee 6 tea 7 coca cola copiar para alterar apenas onde toda a lista começa prefira o atributo start no elemento ol use value quando precisar substituir o número de um item específico no meio de uma lista perigo o valor do atributo value deve ser um número inteiro válido valores negativos são permitidos exemplo do atributo value doctype html html head title title of the document title head body ol li value 5 coffee li li tea li li coca cola li ol body html copiar experimente você mesmo estilizando o marcador de item de lista para estilizar o elemento li você pode usar as propriedades css list style list style type list style image e list style position exemplo de estilização do marcador de item de lista propriedade list style type doctype html html head title title of the document title style ul a list style type circle ul b list style type square ol c list style type upper roman ol d list style type lower alpha style head body h1 the list style type property h1 p example of unordered lists p ul class a li coffee li li tea li li coca cola li ul ul class b li coffee li li tea li li coca cola li ul p example of ordered lists p ol class c li coffee li li tea li li coca cola li ol ol class d li coffee li li tea li li coca cola li ol body html copiar experimente você mesmo você pode substituir os marcadores de ponto por uma imagem usando a propriedade css list style image exemplo de marcador com imagem propriedade list style image doctype html html head title title of the document title style ul list style image url https api w3docs com uploads media default 0001 01 03d3f916bd5c266dd5008d5c210478cc730437eb png style head body h2 list style image property example h2 ul li list item 1 li li list item 2 li li list item 3 li ul body html copiar experimente você mesmo a propriedade css list style position especifica se o marcador de lista deve aparecer dentro ou fora da caixa do item de lista exemplo de posicionamento interno e externo do marcador propriedade list style position doctype html html head title title of the document title style li border 1 px solid 666 padding 5 px inside list style position inside outside list style position outside style head body h2 list style position property example h2 p here the list style is positioned inside p ul class inside li list item 1 li li list item 2 li li list item 3 li ul p here the list style is positioned outside p ul class outside li list item 1 li li list item 2 li li list item 3 li ul body html copiar experimente você mesmo atributos atributo valor descrição type 1 a a i i disc square circle define o tipo de marcador para listas ordenadas ou não ordenadas este atributo está obsoleto no html5 use as propriedades css list style type ou list style image em seu lugar value number especifica o valor numérico do item de lista valores negativos são permitidos funciona apenas com o elemento li dentro de uma lista ordenada a tag li suporta os atributos globais e os atributos de evento selecionando li com css além do marcador você pode estilizar a caixa do item como qualquer outro elemento use o seletor de tipo li para alcançar todos os itens de lista ou limite o a uma lista específica com uma classe ou seletor descendente doctype html html head title title of the document title style all list items on the page li padding 8 px line height 1 6 only items inside lists with class menu ul menu li list style none border bottom 1 px solid ddd style the marker color separately li marker color 0a7cff style head body ul class menu li home li li about li li contact li ul body html copiar o pseudo elemento marker estiliza o marcador ou número sem afetar o texto do item útil para recolorir ou redimensionar marcadores acessibilidade os leitores de tela tratam as listas como um grupo eles anunciam a lista o número total de itens e a posição de cada item por exemplo lista 3 itens item 1 esse contexto ajuda os usuários a entenderem a estrutura portanto mantenha itens relacionados dentro de um único ul ou ol em vez de simular uma lista com div s e quebras de linha aviso remover os marcadores com list style none pode fazer com que o voiceover do safari pare de reconhecer o elemento como uma lista de modo que a contagem de itens não seja mais anunciada se você remover os marcadores para menus de navegação adicione role list de volta ao ul para preservar a semântica de lista ul role list style list style none li home li li about li li contact li ul copiar tags relacionadas ul lista não ordenada com marcadores ol lista ordenada numerada menu uma lista de comandos ou itens de menu listas html visão geral de todos os tipos de lista prática prática o que a tag html li define o que a tag html li define um único item dentro de uma lista ordenada ou não ordenada uma quebra de linha no texto uma nova seção em um documento um botão de comando em um formulário verificar prática em uma lista ordenada o que acontece quando você define value 5 no primeiro item li em uma lista ordenada o que acontece quando você define value 5 no primeiro item li esse item se torna 5 e os itens seguintes continuam como 6 7 e assim por diante apenas aquele item mostra 5 os demais reiniciam a partir de 1 a lista inteira fica oculta porque 5 é inválido o atributo value é ignorado em listas ordenadas verificar was this page helpful yes no previous legend next link on this page sintaxe o atributo value estilizando o marcador de item de lista atributos selecionando li com css acessibilidade tags relacionadas prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores