Dica e estudos sobre essa linguagem de marcação!
Markdown é uma linguagem de marcação leve que escreve documentos em texto simples (fácil de ler, fácil de escrever, fácil de mudar) e eventualmente publicado em formato HTML. O markdown também pode ser entendido como uma ferramenta que converte um idioma escrito com sintaxe de marcação em conteúdo HTML, também pode se utilizar algumas tags html em arquivos markdown.
1º | 2º | 3º |
---|---|---|
Citação | Fontes | Links |
Título | Lista | Imagens |
Dividers | CheckBox | Imagens dentro das tabelas |
Barra Invertida | Texto de seta | Tabela |
> texto
> > texto aninhado
Efeito:
citação
citação aninhada
# Título **h1**
## Título **h2**
### Título **h3**
##### Título **h4**
####### Título **h5**
######### Título **h6**
Efeito:
são as linhas grandes para dividir as sessões
***
ou
---
adicione '**' ou '__' a cada lado da ênfase, tais como:
FONTE | SINTAXE | EFEITO |
---|---|---|
italic | _italic_ | italic |
bold | *bold* | bold |
bold | _bold_ | bold |
marque listas não ordenadas com '·', '+'ou '-' tais como:
+ Item
* Item
- Item
Efeito:
- primeiro item usando o '+'
- segundo item usando o
+
- terceiro item usando o
+
- primeiro item usando o
*
- segundo item usando o
*
- terceiro item usando o
*
- item 1 usando o
-
- item 2 usando o
-
- item 3 usando o
-
- [ ] Itens
- [x] Itens
- [x] Itens 2
- [ ] Itens
Efeito:
- Itens
- Itens
- Itens
- Itens
Título
Conteúdo
Run terminal `npm install` or `yarn install`
Efeito:
Run terminal npm install
or yarn install
```js
alert('Hello World!')
```
Efeito:
alert('Hello World!')
links podem ser gerados em duas formas: linha em linha e referência.
Linha em linha:
[Biblioteca Markdown do João](https:://github.com/joaovic-tech/markdown "Markdown")
Efeito:
referências:
> [Dicas de Markdown 1][1]
> [Dicas de Markdown 2][2]
[1]: https:://github.com/joaovic-tech/markdown "Markdown"
[2]: https:://github.com/joaovic-tech/markdown "Markdown"
Efeito:
adicione uma imagem de forma semelhante a um link, basta adicionar um '!' antes do []
![My cartton](https://avatars.githubusercontent.com/u/79641024?v=4)
Efeito:
<h4 align="center">🌙Cartoon🔆</h4>
| Coluna 1 | Coluna 2 |
|:-------------------------------------------------:|:-----------------------------------------------:|
| ![](https://avatars.githubusercontent.com/u/79641024?v=4) | ![](https://avatars.githubusercontent.com/u/79641024?v=4) |
| Cartoon 1 | Cartoon 2 |
| ![](https://avatars.githubusercontent.com/u/79641024?v=4) | ![](https://avatars.githubusercontent.com/u/79641024?v=4) |
| Cartoon 3 | Cartoon 4 |
| ![](https://avatars.githubusercontent.com/u/79641024?v=4) | ![](https://avatars.githubusercontent.com/u/79641024?v=4) |
Efeito:
Coluna 1 | Coluna 2 |
---|---|
Cartoon 1 | Cartoon 2 |
Cartoon 3 | Cartoon 4 |
Cartoon 5 | Cartoon 6 |
_| Type | Date
_|-|-|
_| A | 2077 |
_| B | 1998 |
_| C | 1864 |
_| D | 1722 |
Efeito:
Type Date A 2077 B 1998 C 1864 D 1722
| Type | Date
|:---:|:---:|
| A | 2077 |
| B | 1998 |
| C | 1864 |
| D | 1722 |
Efeito:
Type Date A 2077 B 1998 C 1864 D 1722