Markdown: Listas

Listas#

Listas ordenadas#

Para definir uma lista ordenada inclua um número seguido de um ponto (.) ao início da linha, seguido de espaço (a ordem dos número não é relevante, mas o primeiro número da lista define o início da lista).
É possível aninhar listas adicionando pelo menos quatro espaços ao início da linha em referência ao nível prévio (todos os elementos de cada nível devem ter o mesmo número de espaços ao início da linha).

Markdown HTML Renderização 
1. Primeiro
2. Segundo
3. Terceiro
<ol> <li>Primeiro</li> <li>Segundo</li> <li>Terceiro</li> </ol>
  1. Primeiro
  2. Segundo
  3. Terceiro
 
1. Primeiro
1. Segundo
1. Terceiro
<ol> <li>Primeiro</li> <li>Segundo</li> <li>Terceiro</li> </ol>
  1. Primeiro
  2. Segundo
  3. Terceiro
 
1. Primeiro
3. Segundo
6. Terceiro
<ol> <li>Primeiro</li> <li>Segundo</li> <li>Terceiro</li> </ol>
  1. Primeiro
  2. Segundo
  3. Terceiro
 
1. Primeiro
2. Segundo
    1. Segundo.1
    2. Segundo.2
3. Terceiro
<ol> <li>Primeiro</li> <li>Segundo <ol> <li>Segundo.1</li> <li>Segundo.2</li> </ol> </li> <li>Terceiro</li> </ol>
  1. Primeiro
  2. Segundo
    1. Segundo.1
    2. Segundo.2
  3. Terceiro

Lista não ordenada#

Para definir uma lista não ordenada inclua um traço (-), um símbolo de soma (+) ou um asterisco (*) ao início da linha seguido por um espaço.
É possível aninhar listas adicionando pelo menos quatro espaços ao início da linha tomando como referência o nível prévio (todos os níveis devem ter o mesmo número de espaços ao início da linha).

Markdown HTML Renderização 
* Primeiro
* Segundo
* Terceiro
<ul> <li>Primeiro</li> <li>Segundo</li> <li>Terceiro</li> </ul>
  • Primeiro
  • Segundo
  • Terceiro
 
+ Primeiro
+ Segundo
+ Terceiro
<ul> <li>Primeiro</li> <li>Segundo</li> <li>Terceiro</li> </ul>
  • Primeiro
  • Segundo
  • Terceiro
 
- Primeiro
- Segundo
- Terceiro
<ul> <li>Primeiro</li> <li>Segundo</li> <li>Terceiro</li> </ul>
  • Primeiro
  • Segundo
  • Terceiro
 
* Primeiro
* Segundo
    * Segundo.1
    * Segundo.2
* Terceiro
<ul> <li>Primeiro</li> <li>Segundo <ul> <li>Segundo.1</li> <li>Segundo.2</li> </ul> </li> <li>Terceiro</li> </ul>
  • Primeiro
  • Segundo
    • Segundo.1
    • Segundo.2
  • Terceiro
Para manter a legibilidade e por compatibilidade é recomendado evitar misturar caráteres dentro da mesma lista.

Lista com definição#

Para criar uma lista com definições inclua dois pontos (:) na linha de início, seguidos por espaço dentro das linhas que contém a definição.

Markdown HTML Renderização 
Definição 1
: Sou a definição 1

Definição 2
: Sou uma definição 2
: Sou outra definição 2
<dl> <dt>Definição 1</dt> <dd>Sou a definição 1</dd> <dt>Definição 2</dt> <dd>Sou uma definição 2</dd> <dd>Sou outra definição 2</dd> </dl>
Definição 1
Sou a definição 1
Definição 2
Sou uma definição 2
Sou outra definição 2

Lista de tarefas#

Para definir uma lista de tarefas use uma das seguintes sintaxes para cada linha de tarefas:

  • - [ ] Texto_da_tarefa (Para uma tarefa não realizada)
  • - [x] Texto_da_tarefa (Para uma tarefa realizada)
Markdown HTML Renderização 
- [ ] Tarefa 1 não realizada
- [x] Tarefa 2 realizada
<ul> <li><input disabled="" type="checkbox"> Tarefa 1 não realizada</li> <li><input checked="" disabled="" type="checkbox"> Tarefa 2 realizada</li> </ul>
  • Tarefa 1 não realizada
  • Tarefa 2 realizada

Adicionando itens a uma lista#

Para adicionar elementos a uma lista considere o elemento como um nível inferior que o nível que seria incluído na lista. Por conseguinte, adicione pelo menos quatro espaços ao início da linha na frente de cada elemento que será incluído na lista.

Markdown HTML Renderização 
* Primeiro
* Segundo
> Sou um bloco de citação  
    Sou um parágrafo
* Terceiro
<ul> <li>Primeiro</li> <li>Segundo <blockquote><p>Sou um bloco de citação <br> Sou um parágrafo</p> </blockquote> </li> <li>Terceiro</li> </ul>
  • Primeiro
  • Segundo

Sou um bloco de citação
Sou um parágrafo

  • Terceiro