Como criar uma barra de navegação texto em html
Incluindo uma barra de navegação ajuda a seus leitores a encontrar informações em seu site. Se você está construindo sua página Web em um editor de texto HTML, o código para criar uma barra de navegação é fácil. Aqui está um exemplo de uma simples barra de navegação de texto para uma pequena empresa de consultoria:
Conteúdo
Video: Menu com icones HTML e CSS - Horizontal
Casa | Serviços | adesões | Publicações | Experiência | Contate-me
Cada guia é sublinhada a refletir que é um link para a página ou área multipage do site. Note-se que a guia Home não é sublinhado. Quando você clicar na palavra Experiência no menu de texto para ir para a página Experience, a barra de navegação texto deve mudar para refletir onde você está:
Casa | Serviços | adesões | Publicações | Experiência | Contate-me
Siga estas instruções para criar uma barra de navegação do texto:
Abra uma página nova, vazia no Windows Notepad, nomeie o arquivo e salvá-lo com .htm como a extensão.
Video: #12 - Barra de navegação responsiva - Parte 1
Por exemplo, você pode chamá-lo navbar.htm.
Digite os elementos do seu site, com uma ou duas palavras para cada página ou área.
Video: Como criar uma caixa de texto personalizada com HTML e CSS
Usar a barra vertical para separar as abas.
Se a barra vertical não é acessível a partir de seu teclado, ele deve estar disponível a partir do símbolo ou menu semelhante em um programa de processamento de texto. (Não existe essa opção no bloco de notas.) Você pode copiar e colar a barra vertical no bloco de notas.
Centralize a barra de navegação na página usando o atributo centro da tag de parágrafo, assim:
Início | serviços | adesões | Publicações | experiência | Contate-me
O menu texto será centrado.
Para fazer o link na guia Início para a página inicial do seu site, cercar a palavra inicial com o e Tag. Adicione o atributo href da seguinte forma: .
A caixa de diálogo Inserir link aparece.
Repita o procedimento para as frases restantes e ligá-los para a página relevante em seu site.
Video: Barra de rolagem em qualquer elemento no HTML5 CSS3. Vídeo 87
As páginas não tem que existir ainda, embora, naturalmente, as ligações não funcionará até que as páginas estão lá. Sempre que você criar uma página, o nome deve coincidir com o nome no menu de texto exatamente.
Copie o menu para cada página Web do seu site.
Alternativamente, você pode criar um novo arquivo (para todas as páginas que ainda não existem) e colocar o menu na mesma. À medida que avançar, excluir o link a partir do separador que representa a página que você está prestes a salvar.