1
resposta

imagem não amplia 100%

</head>    

<body>
    <img id=index\banner.jpg 
    src="C:\Users\21715816897\Desktop\index\banner.jpg"> 

    <h1>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 e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
    </body>

style.css

body{ background: #CCCCCC }

#index\banner.jpg {width: 100%}

h1{ text-align: center }

p { text-align: center; }

#missao{ font-size:20px }

em strong{ color: #ff0000; }

1 resposta

Olá, Flavio.

Tudo bem?

Você precisa definir um Id válido para a tag <img> do banner e colocar dentro das aspas se não, não funciona, pode ser um Id chamado banner mesmo, id="banner":

A forma correta HTML:

<img id="banner" src="C:\Users\21715816897\Desktop\index\banner.jpg"> 

A forma correta CSS:

#banner {width: 100%}

Espero ter ajudado. Qualquer dúvida manda aqui de novo. Valeu Flavio.