COMO CRIAR UM MENU HTML BASICO?


Claro, aqui está um exemplo de como criar um menu básico em HTML:

<!DOCTYPE html>
<html>
<head>
<title>Meu Menu</title>
<style>
/* Estilos CSS para o menu */
.menu {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

.menu li {
float: left;
}

.menu li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.menu li a:hover {
background-color: #111;
}
</style>
</head>
<body>
<ul class="menu">
<li><a href="#">Página Inicial</a></li>
<li><a href="#">Sobre Nós</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Contato</a></li>
</ul>
</body>
</html>

Copie e teste aqui
Este código cria uma lista não ordenada <ul> com a classe "menu". Cada item da lista é um elemento <li> contendo um link <a>. Os estilos CSS são usados para remover a lista de marcadores, alinhar os itens horizontalmente e fornecer cor de fundo e efeitos de hover. É importante lembrar que você pode personalizar os estilos CSS de acordo com suas preferências.

Postagem Anterior Próxima Postagem