learnxinyminutes-docs/pt-br/markdown-pt.html.markdown

333 lines
8.1 KiB
Markdown
Raw Normal View History

2014-07-23 19:26:54 +00:00
---
language: markdown
contributors:
- ["Dan Turkel", "http://danturkel.com/"]
translators:
- ["Miguel Araújo", "https://github.com/miguelarauj1o"]
- ["Gabriele Luz", "https://github.com/gabrieleluz"]
2019-10-29 23:02:08 +00:00
- ["Monique Baptista", "https://github.com/bfmonique"]
2014-07-23 19:26:54 +00:00
lang: pt-br
filename: learnmarkdown-pt.md
---
Markdown foi criado por John Gruber in 2004. Originado para ser fácil de ler e
escrever sintaxe que converte facilmente em HTML (hoje, suporta outros formatos também).
Dê-me feedback tanto quanto você quiser! / Sinta-se livre para fazer uma bifurcação (fork) e
2014-07-23 19:26:54 +00:00
puxar o projeto (pull request)
## Elementos HTML
Markdown é um superconjunto do HTML, de modo que qualquer arvquivo HTML é
um arquivo Markdown válido.
```md
2019-10-29 23:02:08 +00:00
<!-- Markdown é um superconjunto do HTML, de modo que qualquer arquivo HTML é
um arquivo Markdown válido. Isso significa que nós podemos usar elementos HTML
2014-07-23 19:26:54 +00:00
em Markdown, como o elemento de comentário, e eles não serão afetados pelo analisador
de remarcação. No entanto, se você criar um elemento HTML em seu arquivo Markdown, você
2019-10-29 23:02:08 +00:00
não pode usar sintaxe de remarcação dentro desse conteúdo do elemento.-->
2014-07-23 19:26:54 +00:00
2019-10-29 23:02:08 +00:00
<!--A maneira como o Markdown é analisado varia de software para software.
Este guia vai tentar esclarecer quando as características são universais, ou quando eles são específicos para um determinado interpretador -->
## Cabeçalhos
Você pode criar elementos HTML `<h1>` até `<h6>` facilmente antecedendo o texto
que deseja estar nesse elemento por um número de hashes (#)
2014-07-23 19:26:54 +00:00
# Isto é um cabeçalho <h1>
## Isto é um cabeçalho <h2>
### Isto é um cabeçalho <h3>
#### Isto é um cabeçalho <h4>
##### Isto é um cabeçalho <h5>
###### Isto é um cabeçalho <h6>
```
2014-07-23 19:26:54 +00:00
Markdown também nos fornece duas maneiras alternativas de indicar h1 e h2
```md
2014-07-23 19:26:54 +00:00
Isto é um cabeçalho h1
======================
Isto é um cabeçalho h2
----------------------
```
2014-07-23 19:26:54 +00:00
## Estilos de texto simples
O texto pode ser facilmente denominado como marcação itálico, negrito ou tachado usando:
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
*Este texto está em itálico*
_E este também está._
**Este texto está em negrito**
__E este também está._
***Este texto está em negrito e itálico.***
**_E este também está_**
*--Danouse! Este também__*
```
2014-07-23 19:26:54 +00:00
Em GitHub Flavored Markdown, que é usado para processar arquivos Markdown
GitHub, nós também temos:
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
~~Este texto é processado com tachado.~~
```
2014-07-23 19:26:54 +00:00
## Parágrafos
Os parágrafos estão uma ou várias linhas adjacentes de texto separadas por
uma ou múltiplas linhas em branco.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
Este é um parágrafo. Eu estou digitando em um parágrafo, não é legal?
2019-10-29 23:02:08 +00:00
Agora, eu estou no parágrafo 2.
2014-07-23 19:26:54 +00:00
... Ainda continuo no parágrafo 2! :)
Eu estou no parágrafo três.
```
2014-07-23 19:26:54 +00:00
Se você quiser inserir uma tag HTML `<br />`, você pode acabar com um parágrafo
com dois ou mais espaços e, em seguida, começar um novo parágrafo
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
Termino com dois espaços (destacar-me para vê-los).
Há um <br /> acima de mim!
```
2014-07-23 19:26:54 +00:00
Bloco de citações são fáceis e feito com o caractere >.
```md
2014-07-23 19:26:54 +00:00
> Este é um bloco de citação. Você pode
> Quebrar manualmente suas linhas e colocar um `>` antes de cada linha ou você pode
> deixar suas linhas ficarem muito longas e quebrarem por conta própria. Não faz diferença,
2014-07-23 19:26:54 +00:00
> desde que eles começam com um `>`.
2014-07-23 19:26:54 +00:00
> Você também pode usar mais de um nível
>> De recuo?
```
2014-07-23 19:26:54 +00:00
## Listas
As listas não ordenadas podem ser feitas usando asteriscos, positivos ou hífens
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
* Item
* Item
* Outro item
ou
+ Item
+ Item
+ Outro item
ou
- Item
- Item
- Um último item
```
2014-07-23 19:26:54 +00:00
Listas ordenadas são feitas com um número seguido por um ponto.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
1. Item um
2. Item dois
2019-10-29 23:02:08 +00:00
3. Item três
```
2014-07-23 19:26:54 +00:00
<!-- Você não tem poder para rotular os itens corretamente e a remarcação ainda deixará os
itens em ordem, mas isso pode não ser uma boa idéia -->
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
1. Item um
1. Item dois
1. Item três
```
(Isto é processado da mesma forma que o exemplo acima)
2014-07-23 19:26:54 +00:00
Você também pode usar sublistas
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
1. Item um
2. Item dois
3. Item três
* Sub-item
* Sub-item
4. Item quatro
```
Existem também listas de tarefas. Isso cria checkboxes (caixas de seleção) de HTML
```md
As caixas abaixo sem o 'x' são checkboxes HTML desmarcadas
- [ ] Primeira tarefa a completar
- [ ] Segunda tarefa a completar
A caixa de seleção abaixo será exibida como uma checkbox HTML marcada
- [x] Essa tarefa foi completa
```
2014-07-23 19:26:54 +00:00
## Blocos de código
Você pode indicar um bloco de código (que utiliza o elemento `<code>`) pelo recuo
uma linha com quatro espaços ou uma guia
```md
2014-07-23 19:26:54 +00:00
Isto é código
É assim, sacou?
```
2014-07-23 19:26:54 +00:00
Você pode também re-guia (ou adicionar mais quatro espaços adicionais) para o recuo
dentro do seu código
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
my_array.each do |item|
puts item
end
```
2014-07-23 19:26:54 +00:00
Código embutido pode ser criada usando o caractere de crase `` ` ``
2014-07-23 19:26:54 +00:00
```md
John não sabia nem o que o função `goto()` fazia!
```
2014-07-23 19:26:54 +00:00
Em GitHub Flavored Markdown, você pode usar uma sintaxe especial para o código
```md
``` ruby
def foobar
puts "Hello world!"
end
```
```
=======
2014-07-23 19:26:54 +00:00
\`\`\`ruby <!-- exceto remover essas barras invertidas quando você faz isso, apenas ```
ruby! -->
def foobar
puts "Hello world!"
end
\`\`\` <!-- Aqui também, não use barras invertidas, apenas ``` -->
2014-07-23 19:26:54 +00:00
O texto acima não requer recuo, além disso o GitHub vai usar a sintaxe highlight da linguagem que você especificar após a \`\`\`.
2014-07-23 19:26:54 +00:00
## Linha Horizontal
Linhas horizontais são facilmente adicionados com três ou mais asteriscos ou hífens,
com ou sem espaços.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
***
---
- - -
****************
```
2014-07-23 19:26:54 +00:00
## Links
Uma das melhores coisas sobre a marcação é o quão fácil é fazer ligações. Colocar
o texto a ser exibido entre parênteses rígidos [] seguido pela url em parênteses ()
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
[Click aqui!](http://test.com/)
```
2014-07-23 19:26:54 +00:00
Você também pode adicionar um título link usando aspas dentro dos parênteses
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
[Click aqui!](http://test.com/ "Link para Test.com")
```
2014-07-23 19:26:54 +00:00
Caminhos relativos funcionam também.
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
[Ir para música](/música/).
```
2014-07-23 19:26:54 +00:00
Markdown também suporta ligações de estilo de referência
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
[Clique neste link] [link1] para mais informações sobre isso!
[Além disso, verifique este link] [foobar] se você quiser.
[link1]: http://test.com/ "Legal!"
[foobar]: http://foobar.biz/ "OK!"
```
2014-07-23 19:26:54 +00:00
O título também pode estar entre aspas simples ou entre parênteses, ou omitido
2014-07-23 19:26:54 +00:00
inteiramente. As referências podem estar em qualquer lugar no documento e os IDs de referência
pode ser qualquer um, desde que eles são únicos.
2014-07-23 19:26:54 +00:00
Existe também a "nomeação implicita", que permite que você use o texto do link como o id
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
[Este] [] é um link.
[este]: http://thisisalink.com/
```
2014-07-23 19:26:54 +00:00
Mas não são usados normalmente
2014-07-23 19:26:54 +00:00
## Imagens
As imagens são feitas da mesma forma que as ligações, mas com um ponto de exclamação na frente!
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
![Este é pairar-texto (texto alternativo) para minha imagem](http://imgur.com/myimage.jpg "Um título opcional")
```
2014-07-23 19:26:54 +00:00
E estilo de referência funciona como esperado
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
![Este é o pairar-texto.][Myimage]
[myimage]: relative/urls/legal/image.jpg "se você precisa de um título, é aqui"
```
2014-07-23 19:26:54 +00:00
## Miscelânea
### Auto-links
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
<http://testwebsite.com/> é equivalente a
[http://testwebsite.com/](http://testwebsite.com/)
```
2014-07-23 19:26:54 +00:00
### Auto-links para e-mails
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
<foo@bar.com>
```
2014-07-23 19:26:54 +00:00
### Escapando caracteres
2014-07-23 19:26:54 +00:00
Quero digitar * Este texto entre asteriscos *, mas eu não quero que ele seja
em itálico, então eu faço o seguinte: \*Este texto entre asteriscos \*.
### Tabelas
Tabelas estão disponíveis apenas no GitHub Flavored Markdown e são ligeiramente
complicadas, mas se você realmente quer:
```md
2014-07-23 19:26:54 +00:00
| Col1 | Col2 | Col3 |
| :----------- | :------: | ------------: |
| esquerda-alin| Centrado | direita-alinh |
| blah | blah | blah |
```
2014-07-23 19:26:54 +00:00
Ou, para os mesmos resultados
2014-07-23 19:26:54 +00:00
```md
2014-07-23 19:26:54 +00:00
Col 1 | Col2 | Col3
:-- | :-: | --:
Ugh isso é tão feio | faça isto | parar
```
2014-07-23 19:26:54 +00:00
Fim!
2014-07-23 19:26:54 +00:00
---
2014-07-23 19:26:54 +00:00
Para mais informações, confira o post oficial de John Gruber de sintaxe [aqui](http://daringfireball.net/projects/markdown/syntax)
e de Adam Pritchard grande cheatsheet [aqui](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).