Posts
Guia de Estilo Markdown
Um guia completo para utilizar Markdown e criar conteúdo formatado com facilidade.
Aqui está um exemplo de sintaxe básica de Markdown que pode ser usada ao escrever conteúdo Markdown no Astro.
Cabeçalhos
Os seguintes elementos HTML <h1>—<h6> representam seis níveis de cabeçalhos de seção. <h1> é o nível de seção mais alto, enquanto <h6> é o mais baixo.
H1
H2
H3
H4
H5
H6
Parágrafo
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
Imagens
Sintaxe
Resultado
Citações em bloco
O elemento blockquote representa conteúdo que é citado de outra fonte, opcionalmente com uma citação que deve estar dentro de um elemento footer ou cite, e opcionalmente com alterações inline como anotações e abreviações.
Citação em bloco sem atribuição
Sintaxe
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Observe** que você pode usar _sintaxe Markdown_ dentro de uma citação em bloco.Resultado
Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Observe que você pode usar sintaxe Markdown dentro de uma citação em bloco.
Citação em bloco com atribuição
Sintaxe
> Não se comunique compartilhando memória, compartilhe memória se comunicando.<br>
> — <cite>Rob Pike[^1]</cite>Resultado
Não se comunique compartilhando memória, compartilhe memória se comunicando.
— Rob Pike1
Tabelas
Sintaxe
| Itálico | Negrito | Código |
| --------- | ----------- | -------- |
| _itálico_ | **negrito** | `código` |Resultado
| Itálico | Negrito | Código |
|---|---|---|
| itálico | negrito | código |
Blocos de Código
Sintaxe
Podemos usar 3 crases ``` em uma nova linha e escrever o snippet, fechando com 3 crases em uma nova linha. Para destacar a sintaxe específica da linguagem, escreva uma palavra com o nome da linguagem após as primeiras 3 crases, por exemplo, html, javascript, css, markdown, typescript, txt, bash
```html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title>Exemplo de Documento HTML5</title>
</head>
<body>
<p>Teste</p>
</body>
</html>
```Resultado
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title>Exemplo de Documento HTML5</title>
</head>
<body>
<p>Teste</p>
</body>
</html>Tipos de Listas
Lista Ordenada
Sintaxe
1. Primeiro item
2. Segundo item
3. Terceiro itemResultado
- Primeiro item
- Segundo item
- Terceiro item
Lista Não Ordenada
Sintaxe
- Item da lista
- Outro item
- E mais um itemResultado
- Item da lista
- Outro item
- E mais um item
Lista aninhada
Sintaxe
- Frutas
- Maçã
- Laranja
- Banana
- Laticínios
- Leite
- QueijoResultado
- Frutas
- Maçã
- Laranja
- Banana
- Laticínios
- Leite
- Queijo
Outros Elementos — abbr, sub, sup, kbd, mark
Sintaxe
<abbr title="Graphics Interchange Format">GIF</abbr> é um formato de imagem bitmap.
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Pressione <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> para encerrar a sessão.
A maioria das <mark>salamandras</mark> são noturnas e caçam insetos, vermes e outras pequenas criaturas.Resultado
GIF é um formato de imagem bitmap.
H2O
Xn + Yn = Zn
Pressione CTRL + ALT + Delete para encerrar a sessão.
A maioria das salamandras são noturnas e caçam insetos, vermes e outras pequenas criaturas.
Footnotes
Continue aprendendo
Explore mais conteúdos sobre desenvolvimento, tecnologia e programação.