Buscar este blog

miércoles, 29 de mayo de 2013

Crear menu en html

Primero hay que crear el proyecto, en NetBeans de la siguiente forma
Nuevo proyecto>JavaWeb>WebApplication>next>finish
Nos aparecera un esqueleto de codigo.Pondremos el titulo dentro de la etiqueta, este titulo se muestra en la barra de titulo en la pagina web.
<title>titulo</title>
dentro de pondremos dos etiquetas mas como se muestra a continuacion.
<body>
      <header>
             <h1>aqui va el encabezado de la pagina<h1>
      </header>
</body>
ahora si comensaremos con los menus, despues de </header> y antes de </body> pondremos el siguiente codigo.
Comensaremos con la etiqueta
<nav>
        
</nav>
dentro de esta pondremos otra etuiqueta que sirve para crear listas
<ul>

</ul>
dentro de esta otra pondremos, una etiqueta para cada elemento de la lista que es
<li>

</li>
Finalmente pondremos en otra etiqueta los links o sitios que queremos que se muestren en el menu.
<a>
</a>
la sintaxis de esta ultima etiqueta es...
<a>href="Cuestionario.html">Cuestionario</a>
donde 
href="Cuestionario.html" 
es el sitio a donde se enlasara , y 
Cuestionario es el nombre que mostrara en el link.

Para agrefar estilo es decir colores en etiqueta nav ponemos un id de la siguiente forma
<nav id="identificador"> </nav>

Este id nos servira para llamar la hoja de estilos, pero eso lo aremos la siguiente ves.
si no tienes NetBeans te dejo el link para que lo descargues:




No hay comentarios.:

Publicar un comentario