Ir ao conteúdo
  • Cadastre-se

HTML Adicionar conteúdos nas sessões do navbar


Posts recomendados

Olá, estou aprendendo a utilizar a tag nav, porém não sei como adicionar os conteúdos dentro de cada sessão do navbar

exemplo:

HOME: ao clicar em home volta a página inicial

SOBRE: ao clicar mostra o conteúdo referente ao site

CONTATOS: ao clicar mostra o conteúdo contatos

 

não achei nenhum material sobre isso na internet, apenas como montar o navbar e fazer a estilização.

 

código:

<div class="topnav">
    <a class="active"href="#home">Home</a>
    
    
    <a href="#About">About</a>
    <a href="#contact">Contact</a>
    <a href="#features">Features</a>
    
</div>

 

a solução pode ser utilizando javascript também. desde já agradeço :)

Link para o post
Compartilhar em outros sites

@M.tech Era isso que você queria?

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body> 

<style>
      nav {
        display: flex;
        flex-wrap: wrap;
      }
      nav a {
        text-decoration: none;
        display: block;
        padding: 15px 25px;
        text-align: center;
        background-color: rgb(189, 185, 185);
        color: #464141;
        margin: 0;
        font-family: sans-serif;
      }
      nav a:hover {
        background-color: #777777;
        color: #ffffff;
      }
</style>

<nav>
  <a href="#">HOME</a>
  <a href="#">SOBRE</a>
  <a href="#">CONTATOS</a>
</nav>

</body>
</html>

 

Na verdade eu nem precisei ter o trabalho de escrever este código, pois existem muitos exemplos sobre isso na Internet.

 

Veja se era isso que você queria, e se for, espero ter ajudado.

 

Abraços.

  • Amei 1
Link para o post
Compartilhar em outros sites

não...o Css já sei fazer, queria saber como adicionar os conteúdos em cada área do navbar separada, a solução que encontrei foi criar htmls diferentes e mencionar o caminho nas href. Obrigado

  • Curtir 1
Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Redes-Wi-Fi-capa-3d-newsletter.png

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!