Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Lista de exercícios - Prática

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Layout e tags semânticas e atividade Lista de exercícios

por Fabricio Diniz Pinto
| 6.3k xp | 18 posts

Segue a prática da lista de Exercício

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Porfólio Fabricio Diniz</title>
</head>
<style>
    h1{
        color:brown
    }
    p{
        color:black
    }
    button{
        background-color: yellow;
        color:black;
        border: white;
    }
    img{
        border: 6px solid #ddd;
        border-radius: 35px;
        padding: 15px;
        width:200px;

    }
</style>
<body>
    <!-- Estrutura da página -->
    <header>
        <!-- Menu ou Logotipo -->
        <img src="Logotipo.jpg" alt="Logotipo da página"></header>
    </header>
    <main>
        <h1>Divulgue os seus serviços por meio <strong>de ferramentas de Marketing</strong></h1>
        <p>Olá! Sou Fabricio Diniz , webdesigner(especialista em Wordpress e Elementor). Divulgo o seu serviço por meio dos anúncios online. Vamos conversar?</p>   
        
        <BR>
        <img src="Imagem.png" alt="Resumo dos meus serviços">
    </main>
    <footer>
        <!-- Informações de Contato ou Direitos Autorais -->
        <p>Redes Sociais<p>
        <a href="http://instagram.com/fabriciodinizmkt"><button>Instagram</button></a>   
        <p>Contato<p>
        <p>(xx) xxxxx-xxxx
        <p>contato@fabriciodiniz.com.br</p>
         <a href="https://fabriciodiniz.com.br"><button>Site</button></a> 
    </footer>

</body>
</html>
2 respostas
solução!
por Lorena Garcia
| 8305.5k xp | 12158 posts
Alura Scuba Team Suporte Educacional

Oii, Fabricio. Tudo bem?

Muito obrigada por compartilhar com a gente a sua atividade. Mas, há alguns detalhes que podem ser ajustados para melhorar a semântica e a formatação do seu HTML.

  1. Correção da tag header:

    • Você tá fechando duas vezes a tag header.

  2. Fechamento das tags p:

    • Algumas tags <p> não foram fechadas corretamente. Isso pode causar problemas na renderização do conteúdo.

Aqui tá uma versão ajustada do seu código:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfólio Fabricio Diniz</title>
    <style>
        h1 {
            color: brown;
        }
        p {
            color: black;
        }
        button {
            background-color: yellow;
            color: black;
            border: white;
        }
        img {
            border: 6px solid #ddd;
            border-radius: 35px;
            padding: 15px;
            width: 200px;
        }
    </style>
</head>
<body>
    <!-- Estrutura da página -->
    <header>
        <!-- Menu ou Logotipo -->
        <img src="Logotipo.jpg" alt="Logotipo da página">
    </header>
    <main>
        <h1>Divulgue os seus serviços por meio <strong>de ferramentas de Marketing</strong></h1>
        <h2>Subtítulo do seu portfólio</h2> <!-- Adicionei um subtítulo -->
        <p>Olá! Sou Fabricio Diniz, webdesigner (especialista em Wordpress e Elementor). Divulgo o seu serviço por meio dos anúncios online. Vamos conversar?</p>   
        
        <br>
        <img src="Imagem.png" alt="Resumo dos meus serviços">
    </main>
    <footer>
        <!-- Informações de Contato ou Direitos Autorais -->
        <p>Redes Sociais</p>
        <a href="http://instagram.com/fabriciodinizmkt"><button>Instagram</button></a>   
        <p>Contato</p>
        <p>(xx) xxxxx-xxxx</p>
        <p>contato@fabriciodiniz.com.br</p>
        <a href="https://fabriciodiniz.com.br"><button>Site</button></a> 
    </footer>
</body>
</html>

Espero ter ajudado.

Um abraço e bons estudos.

por Fabricio Diniz Pinto
| 6.3k xp | 18 posts

Obrigado Lorena pelas orientações.

Vi onde errei.