Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Oi William, tudo bem?
Como assim só aparecem no seu pc? Não entendi muito bem a sua dúvida, poderia explicar melhor?
De qualquer forma, todos os arquivos do projeto precisam estar na mesma pasta, assim: 
No seu HTML fiz algumas correções, dei um espaço entre id="banner" src="banner.jpg" pois não é bom deixar coladinho.
Também tirei a " que tinha no <h1>Sobre a Barbearia Alura</h1>, ficando assim:
<!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>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>
</html>No seu CSS fiz umas correções também:
body {
background: #CCCCCC;
}
#banner {
width: 100%;
}
h1 {
text-align: center;
}
p {
text-align: center;
}
#missao {
font-size: 20px;
}
em strong {
color: #FF0000;
}
Estava faltando a propriedade do #banner e adicionei alguns ; que também estavam faltando.
Com todos os arquivos na mesma pasta e com nomes corretos deve funcionar.
Um abraço e bons estudos.