Solucionado
Olá! Eu só consegui fazer com que a imagem apareça no site depois que mudei o código para:
<img src="banner1.jpg"; style="width:100%">Gostaria saber o porquê de não ter conseguido chamar ele através da outra pasta (style.css). Se eu usar o "id" e a pasta "style.css" a imagem não aumenta.
Bom dia! Pode compartilhar o código anterior para dar uma resposta melhor, mas o que você pode prestar atenção no CSS é a questão da especificidade, e sintaxe mesmo se está aplicando corretamente, outra dica é colocar a imagem dentro de uma <div></div> e assim usar a div para aplicar o CSS.
Oi Rickelmy, usa esse </> para olharmos teu código. Coloca os dois. Pode ser que teu css não tá referenciado corretamente. É só a imagem que não muda de tamanho ou outros também não funcionam.
Oi Talita, esqueceu de colocar o código também. Usa o </>.
Oi, Germanna! O código é esse aqui:
index.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title> Barbearia Pacheco</title>
<link rel = "stylesheet" href="style.css">
</head>
<body>
<img id="banner" src="banner1.jpg">
<h1>Sobre a Barbearia Pacheco</h1>
<p>Localizada no coração da cidade a <strong>Barbearia Pacheco</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a <strong>Barbearia Pacheco</strong> já é destaque na cidade e conquista novos clientes a cada dia.</p>
<p id ="missão"><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>
</html>style.css
body{
background: #CCCCCC
}
#banner{
width:100%
}
h1{
text-align: center;
}
p{
text-align: center;
background: #CCCCCC
}
#missao{
font-size: 20px;
}
em strong{
color: red;
}
Tenta colocar o ; depois do 100% ......
Está do mesmo jeito, Jean.
O codigo vai chamar a imagem se o endereço estiver correto, se com banner1.jpg funcionou, é porque provavelmente o arquivo foi renomeado. Por exemplo eu armazenei minhas imagens em uma pasta chamada img, então minha chamada ficou
<img id="banner" src="img/banner.jpg">Consegui resolver... o arquivo estava duplicado, por isso não funcionava.