Menú Desplegable Con Html Y Css
Johana Ramos Rodríguez
Alejandro Monsalve Ayala
Herramientas VI
Noviembre 23 de 2012
MENÚ DESPLEGABLE CON HTML Y CSS
1. Abrir un documento .html e iniciar escribiendo lasemántica básica de programación:
<html>
<head>
<title>Menu desplegable con html y css</title>
</head>
<body>
</body>
</html>2. Crear un DIV dentro del body con un id al que llamaremos “Header”, así:
<html>
<head>
<title>Menu desplegable con html y css</title>
</head><body>
<div id=”header”>
</div>
</body>
</html>
*Esto también se puede realizar a través del panel Insertar-Común-Insertar etiqueta Div y en el recuadro que nosaparece en la casilla ID le damos el nombre “header”
3. Crear una lista dentro del DIV creado con los ítems que llevará el menú y sus respectivos enlaces, así:
<ul>
<li><ahref="">Incio</a></li>
<li><a href="">Servicios</a></li>
<li><a href="">Acerca de</a></li>
<li><ahref="">Contacto</a></li>
</ul>
4. Crear los submenús que irían dentro de cada menú (en este caso lo haremos submenús para Servicios), un submenú dentro del submenú 4, así:
<ul><li><a href="">Incio</a></li>
<li><a href="">Servicios</a>
<ul>
<li><a href="">Submenú 1</a></li>
<li><ahref="">Submenú 2</a></li>
<li><a href="">Submenú 3</a></li>
<li><a href="">Submenú 4</a>
<ul>
<li><ahref="">Submenú 1</a></li>
<li><a href="">Submenú 2</a></li>
<li><a href="">Submenú 3</a></li>
<li><a href="">Submenú...
Regístrate para leer el documento completo.