Capítulo 18: Magia Negra (HTML embutido) 🔮💀

Neste capítulo, vamos aprender que o Markdown aceita código HTML puro para fazer coisas que o Markdown normal não consegue, usando o tema Magia Proibida!


📖 HTML em Markdown

Markdown foi feito para ser simples. Mas se você precisar de algo muito específico (como mudar a cor do texto, criar um botão ou centralizar algo), você pode usar tags HTML diretamente no arquivo!

<p style="color: red;">Este texto é vermelho!</p>

Nota: Nem todas as plataformas aceitam HTML por motivos de segurança, mas o GitHub aceita algumas tags básicas!


📖 Exemplo Guiado: Centralizando Texto

Vamos usar HTML para centralizar um título.

  1. Crie o arquivo magia.md:
# Texto Normal
 
<div align="center">
  <h2>Este título está centralizado!</h2>
  <p>Usando a tag div com align center.</p>
</div>
 
---
 
De volta ao texto alinhado à esquerda.

📊 Ilustração Visual: O Poder do HTML

graph TD
    A[Markdown Simples] --> B[HTML Complexo]

🛠️ Prática Obrigatória 1: Texto Colorido

Crie um arquivo chamado texto_colorido.md. Use a tag <span style="color: blue;">seu texto</span> para deixar uma palavra azul no meio de uma frase!


🔑 Gabarito de Código

Prática 1: texto_colorido.md

# Meu Texto
O oceano é muito <span style="color: blue;">azul</span> e profundo!

Capitulo Anterior | Proximo Capitulo