domingo, abril 10

Poner un menú

En esta nueva entrada, vamos a poner un menú en nuestra página web. para ello, necesitamos el comando <nav>, el cual nos indica que es un menú, al cual le podemos poner un título, en mi caso, he usado el <h1> para que el tamaño de la letra sea grande, pero podemos usar cualquiera, desde h1 hasta h6.

Ahora, para abrir el menú, tenemos que poner <ul>, debajo de este, crearemos la lista, pero esta no se ordenará alfabeticamente, si no que aparecerá en el orden que nosotros le pongamos.

Una vez hemos puesto el "ul", tenemos que poner <li>, el cual sirve para poner el nombre del elemento que saldrá en el menú que estamos creando.
Por cada elemento que queramos poner, tenemos que poner <li> el nombre de este y </li> para cerrarlo; para poner otro elemento, basta con poner una linea debajo de este con el enter, y repetir la operación anterior.

Una vez tengamos todas los elementos puestos, y debidamente cerrados,  tenemos que acordarnos de cerrar el menú con el </ul> que hemos puesto al principio si "/" para abrirlo; y también, tenemos que acordarnos de cerrar el </nav> que ha sido lo primero que memos puesto para abrir este menú, pero sin la "/", que nos definia las partes del menú.
Ahora vamos a ver un ejemplo de como poner todos los comandos para hacer el menú:
<nav>
<h1> Artistas </h1>
<ul>

<li> Adele </li>
<li> Jasmine Thompson </li>
<li> Meghan Trainor </li>
<li> Calvin Harris </li>
</ul>
</nav>

Tambien, podemos poner enlaces en cada elemento, para ello, necesitamos usar el siguiente comando: 
<a href="el enlace" > la palabra </a> .
Por lo tanto, para poner el enlace en el menú, tenemos que poner:
<li> <a href="el enlace"> Adele </a> </li>