capitulo_07_imagens

Capítulo 07: Visões do Reino (Imagens) 🖼️🌄

Neste capítulo, vamos aprender a exibir imagens em nossos documentos, usando o tema Pinturas e Visões!

---

📖 Imagens em Markdown

Uma imagem vale mais que mil palavras! No Markdown, a sintaxe de imagem é quase igual à de links, mas adicionamos uma exclamação ! no início.

![Texto alternativo](url_da_imagem)

• Texto alternativo: Aparece se a imagem falhar ou para leitores de tela (acessibilidade).
• URL: O endereço da imagem na internet ou o caminho do arquivo local.

---

📖 Exemplo Guiado: Exibindo o Brasão

Vamos exibir o logo do GitHub como exemplo.

1. Crie o arquivo visao.md:

# Brasão do Reino
 
Aqui está a pintura do nosso brasão:
 
![Logo do GitHub](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png)

---

📊 Ilustração Visual: Elementos da Imagem

graph TD
    A["!"] --> B["[Texto Alternativo]"]
    B --> C["(URL da Imagem)"]

---

🛠️ Prática Obrigatória 1: Pintura Favorita

Crie um arquivo chamado minha_visao.md. Procure o link de uma imagem legal na internet (pode ser de um jogo ou filme) e exiba-a no documento com um texto alternativo!

---

🔑 Gabarito de Código

Prática 1: minha_visao.md

# Minha Visão
Aqui está uma imagem incrível:
 
![Gato de Botas](https://upload.wikimedia.org/wikipedia/pt/c/c5/Puss_in_Boots_2011.jpg)

(Nota: Use qualquer link de imagem válido!)

---

← Capitulo Anterior | Proximo Capitulo →