Entrar Ainda não tem acesso?
2
respostas

Não consigo acessar a página index.html!!! Só dá erro!

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação, no capítulo Navegação entre páginas e atividade Estruturando a navegação

por Claudia
| 87.8k xp | 51 posts
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <title>Produtos - Barbearia Alura </title>
    <link rel ="stylesheet"href="produtos.css">
</head>


<body>

    <header>

        <h1><img src="logo.png"></h1>


        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="produtos.html">Produtos</a></li>
            <li><a href="contatos.html">Contato</a></li>


        </ul>

    </header>


</body>
</html>
2 respostas
por Ageneu Junior
| 98.7k xp | 12 posts
inspetor

  1. < !DOCTYPE html>

  2. < html lang="pt-br">

  3. < head>

  4. < meta charset="UTF-8">

  5. < meta http-equiv="X-UA-Compatible" content="IE=edge">

  6. < meta name="viewport" content="width=device-width, initial-scale=1.0">

  7. < title>Barbearia Alura

  8. < link rel="stylesheet" href="style.css">

  9. < /head>

    eu uso o VisualStudioCode não sei se é o mesmo que você, usa mas de toda forma coloca a linguagem (pt-br) e esses outros "meta" acredito que assim vai abrir. (se voce tbm usa o VSC para colocar tudo isso de forma automática basta colocar um** !** na primeira linha de codigo e dar um enter ) espero ter ajudado tbm sou iniciante.

por DIEGO CARLOS MARTINS GAYOSO
| 118.8k xp | 184 posts
Instrutor

Olá Claudia, tudo bem?

A navegação entre as páginas de um site pode ser feita com uso de URL ou passando o caminho da página HTML. Por exemplo, se tenho uma página index.html e quero que um link dentro deste html me direcione para uma página produtos.html que está na mesma pasta, basta eu passar o nome deste arquivo. E para voltar para o index, no HTML de produtos.html o caminho de index deve ser passado da mesma forma.

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>INDEX</title>
</head>
<body>
    <header>
        <h1><img src="logo.png"></h1>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="produtos.html">Produtos</a></li>
            <li><a href="contato.html">Contato</a></li>
        </ul>
    </header>
    <h1>HOME</h1>
</body>
</html>

produtos.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PRODUTOS</title>
    <link rel ="stylesheet"href="produtos.css">
</head>
<body>
    <header>
        <h1><img src="logo.png"></h1>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="produtos.html">Produtos</a></li>
            <li><a href="contatos.html">Contato</a></li>
        </ul>
    </header>
    <h1>PRODUTOS</h1>
</body>
</html>

Compartilha com a gente um print de como está a pasta do seu projeto para entender melhor o erro, por gentileza.

Aguardo.