Ensinando o básico

Vou te explicar o básico

O Markdown é a principal linguagem para se usar nos repositórios do GitHub (Caso queira saber mais é so clicar aqui: GitHub)

Pensa nisso aqui como um HTML, uma forma bem mais simplificada, afinal ambos são linguagens de marcação:

Títulos

Aquela marcação <h1>,<h2>,<h3>,<h4>... em HTML de título e etc é so fazer dessa maneira:

# Título nível 1
## Título nível 2
### Título nível 3
#### Título nível 4
##### Título nível 5
###### Título nível 6

Fazer umas listinhas pra marcar com bolinha:

- Item
- Item 2

Se quiser fazer com sub-itens

- Item
    - Sub item
        - Sub sub item

Assim por diante...

Se quiser numerar os itens, vai ter uma ordem, mas você pode fazer de duas formas:

Caso precise reposicionar os itens e a forma mais fácil:

1. Primeiro item
1. Segundo item
1. Terceiro item

Se a ordem for fixa:

1. Primeiro item
2. Segundo item
3. Terceiro item

Listas ou tabelas

|A|B|C|D|
|:-:|:-:|:-:|:-:|
|ITEM A|ITEM B|ITEM C|ITEM D|
|ITEM A|ITEM B|ITEM C|ITEM D|
|ITEM A|ITEM B|ITEM C|ITEM D|
|ITEM A|ITEM B|ITEM C|ITEM D|
|ITEM A|ITEM B|ITEM C|ITEM D|
|ITEM A|ITEM B|ITEM C|ITEM D|
|ITEM A|ITEM B|ITEM C|ITEM D|

Ficaria assim:

A	B	C	D
ITEM A	ITEM B	ITEM C	ITEM D
ITEM A	ITEM B	ITEM C	ITEM D
ITEM A	ITEM B	ITEM C	ITEM D
ITEM A	ITEM B	ITEM C	ITEM D
ITEM A	ITEM B	ITEM C	ITEM D
ITEM A	ITEM B	ITEM C	ITEM D
ITEM A	ITEM B	ITEM C	ITEM D

Para mudar a posição do texto, caso ele fique no centro no canto e etc é so fazer dessa forma:

:-: = Centralizado :- = Canto esquerdo -: = Canto direito

= Descentralizar

Colocar Link

- Link simples e *arrumado*

[Nome do link](https://...)

- Pode colocar direto mesmo, dessa forma:

https://....

- Pode criar uma função invisivel

[Link mais facil]: https://...

Ai usar desta forma:

[Veja o link][Link mais facil]

- Ai quando quiser é so colocar o referencial

  - *Link mais facil*

[Nome 1][Link mais facil]

[Nome 2][Link mais facil]

- Ou seja você criou uma ancora para sempre usar esse link, so para deixar mais rápido.

Imagens

![Imagem](https://...)

Você pode colocar imagem sem por algum nome nela, isso muda para pessoas deficientes e quando você baixa essa imagem.

![](https://...)

So por via de intitular, quando eu ponho (https://...) quero me referir a qualquer link.

Resumindo

De modo geral é muito fácil essa linguagem de marcação, é so exercitar, de resto so olhar a Biblioteca oficial: Biblioteca de funções.

Exemplo de um código em HTML

Isso é apenas um teste bem simples

Veja o exemplo de um Codigo

<!DOCTYPE html>

<html>
  <head>
    <title>Titulo da página</title>
    <meta charset="utf-8" />
  </head>

  <body>
    <!-- Lista so separada por pontos -->
    <h1>Lista não ordenadas</h1>
    <ul>
      <li>primeiro item da lista</li>
      <li>segundo item da lista</li>
      <li>terceiro item da lista</li>
      <li>quarto item da lista</li>
    </ul>
    <!-- Fim dessa lista -->

    <!-- Lista separada por numeração -->
    <h1>Lista ordenadas</h1>
    <ol>
      <li>primeiro item da lista</li>
      <li>segundo item da lista</li>
      <li>terceiro item da lista</li>
      <li>quarto item da lista</li>
    </ol>
    <!-- Fim dessa lista -->

    <!-- Lista separada por titúlo e em seguida algo a mais -->
    <h1>Lista de definição</h1>
    <dl>
      <dt>HTML</dt>
      <dd>Linguagem bla bla bla</dd>
      <dt>HTML</dt>
      <dd>Linguagem bla bla bla</dd>
      <dt>HTML</dt>
      <dd>Linguagem bla bla bla</dd>
    </dl>
    <!-- Fim dessa lista -->

    <!-- Lista numerada com um separador -->
    <h1>Teste Criativo</h1>
    <ol>
      <li>Vartom Kamura</li>
      <ul>
        <li>Governante que viveu 700 blblbl</li>
      </ul>
    </ol>
    <!-- Fim dessa lista -->

    <!-- Lista com titúlo e separada por numeração com detalhamento -->
    <h1>Teste Criativo 2</h1>
    <dl>
      <dt>
        <strong><em>PUDIM</em></strong>
      </dt>
      <ol>
        <li>Regime</li>
        <ul>
          <li>Viveu em vartoria e comeu pudim</li>
        </ul>

        <li>Regime</li>
        <ul>
          <li>Viveu em vartoria e comeu pudim</li>
          <li>Viveu em vartoria e comeu pudim</li>
          <li>Viveu em vartoria e comeu pudim</li>
        </ul>

        <li>Regime</li>
        <ul>
          <li>
            Viveu em vartoria e comeu <br />
            sadkasdnaksdnaksdknaknsdaksda <br />
            sadkasdnaksdnaksdknaknsdaksda <br />
            sadkasdnaksdnaksdknaknsdaksda <br />
            sadkasdnaksdnaksdknaknsdaksda <br />
            sadkasdnaksdnaksdknaknsdaksda
          </li>
          <li>Viveu em vartoria e comeu pudim</li>
        </ul>
      </ol>
    </dl>
    <!-- Fim dessa lista -->
  </body>
</html>

Basta usar essa função (``) para referenciar o código.