Um tutorial html para adicionar navegação à esquerda

Tendo uma barra de navegação à esquerda em seu site permite que o usuário retornar a uma página anterior e facilita a navegação.

A capacidade de navegar para uma página Web anterior existe dentro de todos os navegadores da Web por padrão. No entanto, fornecendo uma seção que permite o acesso a várias páginas ao longo de um site a partir de um conveniente menu, um web designer pode simplificar a navegação para os usuários.

Coisas que você precisa

  • Um editor de texto (como o Bloco de Notas)
  • Um navegador da Web
  • Abra o bloco de notas, e configurar o arquivo HTML com o seguinte código:




    item de navegação 1
    item de navegação 2
    item de navegação 3
    item de navegação 4


    As tags separar os itens de navegação como conteúdo especial que vai cair no painel de navegação.

  • Adicione código folha de estilo entre as tags, como o seguinte:



    As informações de folha de estilo determina como as informações nas etiquetas de navegação aparecerão. Essencialmente, o código de uma folha de estilo cria "caixa" que irá conter qualquer coisa nas tags de navegação. Assim, qualquer informação dentro destas tags estará de acordo com o estilo da informação folha de estilo define. o "flutuador" atributo na folha de estilo diz ao navegador que a secção de navegação "flutuador" para a esquerda de qualquer outro conteúdo. o "largura" atributo garante que a caixa em torno dos itens de navegação vai ficar em 100 pixels de largura.

  • Salve o arquivo como um arquivo HTML, selecionando "Arquivo," então "Salvar como..." Na caixa de texto nome do arquivo, digite o nome do arquivo com a extensão .html. O arquivo deve ser semelhante a este:



    item de navegação 1
    item de navegação 2
    item de navegação 3
    item de navegação 4


  • Abra o arquivo em um navegador da Web. Os itens de navegação devem estar alinhados para o lado esquerdo. a navegação

    etiquetas servem agora como a esquerda; painel de navegação.

De esta maneira? Compartilhar em redes sociais:

LiveInternet