Aula 07 - Markdown Estendido ➕

1. HTML dentro do Markdown 🌐

O Markdown é projetado para ser compatível com HTML. Se a sintaxe básica não for suficiente para o que você precisa (ex: uma cor específica ou um layout complexo), você pode usar tags HTML diretamente.

Exemplo de Cor e Centralização:

Este texto é vermelho e centralizado via HTML!

2. Emojis Avançados 😎

Além de copiar e colar emojis, muitas plataformas suportam os "shortcodes" (nomes entre dois pontos).

• :rocket: -> 🚀
• :bulb: -> 💡
• :white_check_mark: -> ✅

Recomendação de Uso:

Use emojis para criar uma hierarquia visual ou para indicar o tipo de conteúdo (ex: ⚠️ para alertas).

3. Notas de Rodapé (Footnotes) 📝

Essenciais para referências bibliográficas ou explicações técnicas que não devem interromper o fluxo da leitura principal.

Sintaxe:

Aqui está uma afirmação importante¹.

4. Visualização de Processamento (Mermaid) 🧜‍♀️

mermaid graph TD MD[Markdown Puro] --> Parser[Processador de Markdown] HTML[HTML Raw] --> Parser EMO[Shortcodes Emoji] --> Parser Parser --> FINAL[Documento Renderizado]

5. Simulação de Uso de HTML 🐚

$ echo "<u>Texto Sublinhado</u>" > teste.md
$ echo "<sub>Subscrito</sub>" >> teste.md
$ cat teste.md
<u>Texto Sublinhado</u>
<sub>Subscrito</sub>

6. Mini-Projeto: Documento Acadêmico Estilizado 🏗️

Crie um arquivo academic.md simulando um pequeno artigo: 1. Um título centralizado usando <h1 align="center">. 2. Um termo técnico que use uma nota de rodapé para sua definição. 3. Um aviso importante usando um emoji :warning:. 4. Uma lista de referências no final do documento.

7. Exercícios de Fixação 🧠

1. Qual o risco de usar muito código HTML dentro de um arquivo Markdown?
2. Como se cria uma nota de rodapé e como se faz a referência a ela no meio do texto?
3. O código <br> serve para quê no Markdown?

Próxima Aula: Vamos consolidar tudo no Projeto Intermediário! 🏗️