Skip to content

odiegoduarte/markdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 

Repository files navigation


Markdown Syntax



Tamanho dos Cabeçalhos.

 Markdown | HTML
------------------------------------
# H1      | <h1>Heading level 1</h1>
## H2     | <h2>Heading level 2</h2>
### H3    | <h3>Heading level 3</h3>
#### H4   | <h4>Heading level 4</h4>
##### H5  | <h5>Heading level 5</h5>
###### H6 | <h6>Heading level 6</h6>
------------------------------------

Texto centralizado

<h1 align="center">Lorem ipsum</h1>

<h2 align="center">Lorem ipsum</h2>

<h3 align="center">Lorem ipsum</h3>

Texto centralizado HTML com link

<h1 align="center"><a href="url">Lorem ipsum</a></h1>

Texto a direita

<h1 align="right">Lorem ipsum</h1>

<h2 align="right">Lorem ipsum</h2>

<h3 align="right">Lorem ipsum</h3>

Texto a esquerda

<h1 align="left">Lorem ipsum</h1>

<h2 align="left">Lorem ipsum</h2>

<h3 align="left">Lorem ipsum</h3>

Citações

> Lorem ipsum

Citações com vários parágrafos

> Lorem ipsum
>
> Consectetur adipiscing elit.

Imagem

<img src="https://url_da_imagem" title="Imagem">
          |-------------------|         |-----|  
                     |                     |
                     |                     |--- Título da imagem
                     |--- URL da imagem
<img width="922" height="455" src="https://url_da_imagem">
     |---------------------|       |--------------------|
                |                             |
                |                             |--- URL da imagem
                |
                |--- Tamanho da imagem "width" largura e "height" altura.

Imagem centralizada

<p align="center">
  <img width="922" height="455" src="https://url_da_imagem">
</p>

Imagem a direita

<p align="right">
  <img width="410" height="300" src="https://url_da_imagem">
</p>

Imagem a esquerda

<p align="left">
  <img width="410" height="300" src="https://url_da_imagem">
</p>

Imagem pequena lado a lado centralizada

<p align="center">
  <img src="LINK_DA_IMAGEM" width="350" title="TEXTO">
  <img src="LINK_DA_IMAGEM" width="350" alt="TEXTO">
</p>

Link

[GitHub](https://github.com)

Parágrafos

<p>Lorem ipsum.</p>

Quebra de linha HTML

<p>Lorem ipsum.<br>
Consectetur adipiscing elit.</p>

Tabela

 Cabeçalho 1 | Cabeçalho 2
------------ | -------------
Texto 1 | Texto 2
Texto 1 | Texto 2

Tabela texto centralizado

Cabeçalho 1 | Cabeçalho 2 | Cabeçalho 3
:------: | :------: | :------:
Texto 1 | Texto 2 | Texto 3
Texto 1 | Texto 2 | Texto 3

Tabela texto a direita

Cabeçalho 1 | Cabeçalho 2 | Cabeçalho 3
------: | ------: | ------:
Texto 1 | Texto 2 | Texto 3
Texto 1 | Texto 2 | Texto 3

Tabela texto a esquerda

Cabeçalho 1 | Cabeçalho 2 | Cabeçalho 3
:------ | :------ | :------
Texto 1 | Texto 2 | Texto 3
Texto 1 | Texto 2 | Texto 3

Tabela lado a lado

<table>
<tr><th> TABELA 01 </th><th> TABELA 02 </th></tr>
<tr><td>

|LISTA 01 | LISTA 01  | LISTA 01 |
|--|--|--|
|Nome 01 | 01 | 01 |

</td><td>
  
|LISTA 02 | LISTA 02  | LISTA 02 |
|--|--|--|
|Nome 02 | 02 | 02 |

</td></tr> </table>

Tabela ao centro < HTML >

<table>
  <tbody>
    <tr>
      <td align="center"> Coluna 01 <br>
        <span> Texto coluna 01 </span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    
        <span>&nbsp;&nbsp;</span>
      </td>
      <td align="center"> Coluna 03 <br>
        <span> Texto coluna 01 </span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    
        <span>&nbsp;&nbsp;</span>
      </td>
      <td align="center"> Coluna 03 <br>
        <span> Texto coluna 03 </span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    
        <span>&nbsp;&nbsp;</span>      
      </td>
    </tr>
  </tbody>
</table>

Listas de tarefas

- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item

Listas não ordenada

* Lorem ipsum
* Lorem ipsum
* Lorem ipsum

Listas não ordenada com URL

#### Nome da Lista
* [Nome](https://odiegoduarte.github.io)
* [Nome](https://odiegoduarte.github.io)
* [Nome](https://odiegoduarte.github.io)

Listas

* Item 1
* Item 2
  * Item 2a
  * Item 2b

Listas ordenadas por números

1. Lorem ipsum
2. Lorem ipsum
3. Lorem ipsum

Listas aninhadas

1. Primeiro item da lista
   - Primeiro item da lista aninhada
     - Segundo item da lista aninhada

Linha horizontal

---

Ênfase

                Markdown         |         HTML
----------------------------------------------------------------------------------------
*texto em itálico*               | <em>texto em itálico</em>
**texto em negrito**             | <strong>texto em negrito</strong>.
***texto em negrito e itálico*** | <strong><em>texto em negrito e itálico</em></strong>
----------------------------------------------------------------------------------------

Citar código

~~~javascript
Esta é uma linha de código em Javascript.
~~~
~~~php
Esta é uma linha de código em PHP.
~~~
~~~html
Esta é uma linha de código em HTML.
~~~

Mencionar pessoas e equipes

@odiegoduarte Novo update.

Formatação de links

Lorem ipsum. **[NomeSite](https://odiegoduarte.github.io)**.

Lorem ipsum. *[NomeSite](https://odiegoduarte.github.io)*.

Lorem ipsum. [`code`](#code).

URLs e email

<https://odiegoduarte.github.io>
<email@example.com>

Ignorar formatação markdown

Vamos renomear \*project\* para \*new-project\*.

Espaçamento

<br>



Releases

No releases published

Packages

No packages published