Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Consolidando conhecimentos

HTML

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <title>barbearia Alura</title>
    <link rel="stylesheet" href="style.css">

</head>

<body>

    <img id= "banner" src="banner.jpg">
    <h1 style="text-align: center;">Sobre a Barbearia Alura</h1>

<p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

<p id = "missao"><em>Nossa missão é:<strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

<p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência </p>

</body>

</html>

CSS

body {
    background: #CCCCCC
}

#banner {
  width: 100%;
}

h1 {
    text-align: center
}

p {
    text-align: center;
}

#missao {
    font-size: 20px
}

em strong {
    color: #0000FF;
}

BANNER

2 respostas
solução!

Uma dica de acessibilidade vc pode incluir na imagem uma descricao que pode ajudar ajudar deficientes visuais saberem o que representa a imagem:

entao em vez disso:

<img id= "banner" src="banner.jpg">

faca assim por exemplo:

<img id= "banner" src="banner.jpg"  alt="Foto da barbearia">

Muito obrigada pela dica Rodrigo! :D