Textos, Links e Imagens
Formatar texto, criar links que abrem outras páginas e exibir imagens.
Como funciona
Formatação de texto: para deixar em negrito use <strong>, para itálico use <em>. Eles funcionam dentro de outros elementos.
Links: a tag <a> cria um link. O atributo href diz para onde vai. Use target="_blank" para abrir em nova aba.
Imagens: a tag <img> não tem fechamento. O atributo src é o endereço da imagem e o alt é o texto alternativo — obrigatório para acessibilidade.
<p>Texto <strong>em negrito</strong> e <em>em itálico</em>.</p> <a href="https://gustavoweb.com" target="_blank">Visitar site</a> <img src="https://placecats.com/200/150" alt="Um gato">
Agora é com você
Negrito e itálico
Escreva um parágrafo sobre você. Coloque o seu nome em <strong> e sua disciplina favorita em <em>.
Preciso de uma dica
<p>Meu nome é <strong>Gustavo</strong> e minha disciplina favorita é <em>Programação</em>.</p><strong> e <em> ficam dentro do <p>, não fora. Eles marcam partes do texto, não criam um bloco novo.Criando um link
Crie um link para o site do YouTube abrindo em nova aba. O texto do link deve ser "Assistir aulas no YouTube".
Preciso de uma dica
<a href="https://youtube.com" target="_blank">Assistir aulas no YouTube</a>target="_blank" o link abre na mesma aba. Sem https:// no início, o navegador entende que é um arquivo local.Exibindo uma imagem
Exiba uma imagem usando esta URL: https://placecats.com/300/200. Coloque um texto alternativo descrevendo a imagem.
Preciso de uma dica
<img src="https://placecats.com/300/200" alt="Foto de um gato"> — repare que não tem tag de fechamento.alt não é opcional — ele aparece quando a imagem não carrega e é lido por leitores de tela para pessoas com deficiência visual. Sempre escreva um alt descritivo.mini-bio
Monte uma mini-bio com: foto (pode usar https://placecats.com/150/150 como placeholder), nome em <h1>, descrição em <p> com palavras em negrito, e um link para um site que você goste.