Adicionando linhas horizontais no Markdown

Pré-requisitos:

Para executar as etapas demonstradas neste guia, você precisa dos seguintes componentes:

• Um editor Markdown adequado. Por exemplo, VSCodium , Imprensa (garfo de Átomo ) ou qualquer editor de marcações online.
• Uma compreensão básica do Markdown (opcional).

Remarcação

Markdown é uma linguagem de marcação popular que permite adicionar vários elementos (títulos, imagens, tabelas, etc.) Além de suas sintaxes integradas, o Markdown também oferece suporte a várias tags HTML. Ele ganhou popularidade ao longo do tempo por seu interessante conjunto de recursos:

• Leve : em comparação com outras linguagens de marcação, o Markdown é simples e leve. O Markdown padrão não inclui muitas sintaxes, preservando seus diversos recursos.
• Portabilidade : um documento Markdown é basicamente texto simples. Assim, qualquer programa pode trabalhar com ele. Você também pode criar um texto no formato Markdown em qualquer plataforma.
• Popularidade : Markdown é usado para fazer sites, documentos, notas, e-mails e outros. Grandes corporações como Reddit, GitHub, etc. também suportam Markdown.

Linhas horizontais em Markdown

No Markdown, a linha horizontal aparece mais ou menos assim:

Existem várias ocasiões em que você pode querer adicionar uma linha horizontal em um documento. Por exemplo, denotando o início/fim de uma seção.

Criando um novo documento

Como trabalhamos com o editor Pulsar, precisamos abrir um novo arquivo de texto para armazenar nosso documento Markdown. Na janela principal, vá para Arquivo >> Novo Arquivo ou use o ' Ctrl + N ” atalho de teclado.

O editor Pulsar vem com um recurso de visualização Markdown ao vivo. Para habilitar a visualização ao vivo, vá para Pacotes >> Visualização Markdown >> Alternar visualização . Alternativamente, use o “ Ctrl + Deslocamento + M ” atalho de teclado.

Criando Linhas Horizontais

No Markdown, existem algumas sintaxes para denotar uma linha horizontal:

• ***
• —
• ___

Todos eles resultarão em uma saída semelhante.

Para demonstrar, copie e cole o seguinte código no editor de texto:

Aqui:

• Para melhores visuais, usamos a formatação H1 para cada linha de textos.
• Criamos três linhas horizontais usando três símbolos diferentes.
• Há uma nova linha antes e depois de cada um dos símbolos de linha horizontal.

É recomendável usar esse espaçamento porque o símbolo “—” sem espaçamento denota um título:

Criando linhas horizontais usando HTML

Se você já trabalhou com HTML, provavelmente está familiarizado com o

Confira o seguinte código:

Aqui:

• Usamos a formatação H2 para o texto.
• O

  ---

  tag gera uma linha horizontal na saída renderizada.

Um benefício interessante dessa abordagem é que você não precisa se preocupar em criar um título acidentalmente.

O

Aqui:

• Todos os exemplos incorporam CSS para estilizar a linha horizontal.
• No primeiro exemplo, criamos uma linha horizontal colorida simples.
• No segundo exemplo, criamos uma linha horizontal tracejada.
• No terceiro exemplo, criamos uma linha horizontal arredondada.

Para saber mais, confira a tag

Exportando Markdown como HTML

Com a ferramenta certa, um documento formatado em Markdown pode ser convertido em HTML. O editor Pulsar vem com esse recurso integrado.

Para copiar a saída renderizada como HTML, clique com o botão direito do mouse na janela de visualização e selecione “Copiar como HTML”.

O HTML resultante se parece com isso:

Conclusão

Discutimos sobre a criação de linhas horizontais no Markdown. Mostramos o uso da sintaxe Markdown integrada e da sintaxe HTML para criar linhas horizontais.

Interessado em aprender mais sobre o Markdown? Confira a Subcategoria de remarcação .