3
respostas

RESOLUÇÃO - DESAFIOS E PROJETO

DESAFIOS HTML

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
        <title>Desafios</title>
    </head>
    <body>
        <main>
            <h1>Vamos <strong class="titulo-blog">aprender</strong> como colocar destaque nos títulos no html</h1>
            <p>Aqui é um parágrafo com <strong class="texto-destaque">strong</strong></p>
            <p><strong class="urgentes">Essa mensagem é urgente!</strong></p>
            <p>essa nem tanto</p>
            <p><strong class="urgentes">Agora essa é muito</strong></p>
        </main>
    </body>
</html>

CSS

* {
    margin: 0;
    padding: 0;
}

.titulo-blog{
    color: rgb(6, 151, 204);
}

.texto-destaque{
    color:rgb(192, 12, 237);
}

.urgentes{
    color: red;
}
3 respostas

Oii, Caio!

Que alegria ver seu projeto compartilhado aqui! Parabéns pelo esforço e dedicação, é muito gratificante ver o progresso dos estudantes.

Lembre-se de que, além de compartilhar aqui no fórum, você também pode marcar a Alura nas redes sociais para que mais pessoas possam ver seu trabalho.

A Alura tem perfis em várias redes sociais, você pode encontrá-los aqui. E não se esqueça do nosso Discord de alunos da Alura.

Um abraço e bons estudos.

Venha explorar o Mundo Tecnológico

Para saber mais, venha conferir o post.

Atenção! Este é um aviso urgente.

Novos lançamentos chegaram! Venha conferir as novidades.

  • { margin: 0; padding: 0; } body{ background-color: black; color: azure; } .titulo-blog{ color: paleturquoise; } p { margin: 10px; border: 2px solid black; padding: 5px; } .texto-destaque{ color: gold; } p, .urgente{ color: red; }