Guia Completo de Markdown
Este documento demonstra todos os elementos principais do Markdown com exemplos práticos.
Títulos
Nível 3
Nível 4
Nível 5
Nível 6
Formatação de Texto
Este é um parágrafo normal com texto em negrito e texto em itálico. Você também pode combinar negrito e itálico no mesmo texto.
Para criar quebras de linha,
você pode usar dois espaços no final da linha.
Links e Referências
Aqui está um link inline e um link com título.
Você também pode usar links de referência: Este é um link e outro link.
Listas
Lista não ordenada:
- Item 1
- Item 2
- Subitem 2.1
- Subitem 2.2
- Sub-subitem 2.2.1
- Item 3
Lista ordenada:
- Primeiro item
- Segundo item
- Subitem ordenado
- Outro subitem
- Terceiro item
Lista de tarefas:
- [x] Tarefa concluída
- [ ] Tarefa pendente
- [x] Outra tarefa concluída
- [ ] Mais uma tarefa pendente
Código
Código inline
Use console.log()
para imprimir no console JavaScript.
Blocos de código
function saudacao(nome) {
return `Olá, ${nome}!`;
}
const mensagem = saudacao("Mundo");
console.log(mensagem);
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
# Exemplo de uso
for i in range(10):
print(f"F({i}) = {fibonacci(i)}")
.exemplo {
color: #3498db;
font-size: 1.2rem;
margin: 1rem 0;
transition: all 0.3s ease;
}
.exemplo:hover {
transform: scale(1.05);
}
Citações
Esta é uma citação simples.
Esta é uma citação mais longa que pode se estender por várias linhas e demonstra como o Markdown lida com blocos de texto citado.
Você pode até incluir formatação dentro das citações.
Citação com título
Esta citação tem um título e mostra como você pode combinar diferentes elementos do Markdown.
Citação aninhada dentro de outra citação.
Tabelas
Nome | Idade | Profissão | Cidade |
---|---|---|---|
João | 25 | Desenvolvedor | São Paulo |
Maria | 30 | Designer | Rio de Janeiro |
Pedro | 28 | Analista | Belo Horizonte |
Ana | 35 | Gerente | Salvador |
Tabela com alinhamento:
Esquerda | Centro | Direita |
---|---|---|
Texto à esquerda | Texto centralizado | Texto à direita |
Mais texto | Mais texto | Mais texto |
Lorem ipsum | Dolor sit | Amet consectetur |
Linhas Horizontais
Você pode criar linhas horizontais de diferentes formas:
Imagens
Escape de Caracteres
Para mostrar caracteres especiais literalmente:
*Este texto não ficará em itálico*
[Isto não será um link](exemplo.com)
# Isto não será um título
Elementos HTML Inline
Você pode usar alguns elementos HTML diretamente:
Este texto tem uma palavra destacada.
H2O é a fórmula da água.
E = mc2 é a famosa equação de Einstein.
Ctrl + C para copiar.
Extensões Comuns
Notas de Rodapé
Este texto tem uma nota de rodapé[^1].
Aqui está outra referência[^nota-longa].
[^1]: Esta é uma nota de rodapé simples.
[^nota-longa]: Esta é uma nota de rodapé mais longa que pode
conter múltiplas linhas e até mesmo código inline
.
Texto Riscado
Este texto está riscado
Destaque
==Este texto está destacado==
Fórmulas Matemáticas (se suportado)
Inline: $E = mc^2$
Bloco: $$ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} $$
Diagramas Mermaid (se suportado)
graph TD
A[Início] --> B{Decisão}
B -->|Sim| C[Ação 1]
B -->|Não| D[Ação 2]
C --> E[Fim]
D --> E
Comentários HTML
Exemplo de Conteúdo Longo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Seção de Código Complexo
{
"nome": "Projeto Exemplo",
"versao": "1.0.0",
"dependencias": {
"react": "^18.0.0",
"typescript": "^4.9.0",
"styled-components": "^5.3.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test"
}
}
Conclusão
Este documento demonstra a versatilidade e poder do Markdown para criar conteúdo rico e bem formatado. Com estes exemplos, você pode criar documentação, artigos de blog, README files e muito mais!
Documento criado com ❤️ usando Markdown