O menu é importante porque facilita a navegação dos usuários, neste artigo vamos ver como fazer um menu utilizando HTML e CSS.
Nos artigos anteriores vimos como fazer um layout básico e como fazer formulários. Note que saber quais os elementos que compõem um site, ajuda a ter uma visão geral na hora de construir uma página web, tendo mente que uma página é composta pelo layout, páginas, menus, formulários, entre outros.
No nosso exemplo, o menu é composto por links que direciona os usuários para páginas do site, veja o resultado abaixo:
Para criá-lo utilizamos a estrutura padrão do HTML e definimos uma lista com <ul> e <li> no corpo <body> da página. Veja:
Para chamar o arquivo CSS com a folha de estilo utilizamos a tag <link> com o caminho do arquivo <href="menu.css">. Tanto o arquivo HTML quanto o CSS devem estar na mesma pasta para funcionar de maneira correta.
No arquivo CSS definimos o comportamento e os parâmetros do menu como altura, margens, fonte do texto, cor de fundo, entre outros. Veja no código abaixo:
É importante escrever os códigos, porque isso é que vai nos ajudar a entender e a gravá-los na mente e vai facilitar nosso trabalho em outros projetos.
Curtiu? Deixe seu like na nossa página do Facebook!
Como Criar Um Menu Com HTML e CSS
Reviewed by Guilherme
on
janeiro 15, 2019
Rating:
Reviewed by Guilherme
on
janeiro 15, 2019
Rating:
Thanks for that
ResponderExcluirThanks Alex, enjoy!
ResponderExcluir