Menu basico en html

hola a todos para este articulo voy a comenzar a explicar la estructura basica de un menu en html sin estilos css.

Todo comienza con una etiqueta ul que es el contenedor principal de nuestro menu yo por lo general se me hace aun mas comodo agregar una etiqueta div con una id con nombre menu  es muy util para tener todo bien organizado a la hora de agregar los estilos css.

dentro de la etiqueta ul lleva las etiquetas li  que por defecto lleva unos puntos los cuales se observan si estas trabajando en un docuemnto nuevo en html y visualizas en tu navegador, al principio se acomodan de forma vertical pero lo arreglamos con los estilos css pero ese es otro tema hoy solo veremos la estructura principal, teniendo esto ya podemos crear la forma color y tamaño de nuestro menu. 

Dentro de las etiquetas li agregamos los enlaces que llevara el menu que vienen siendo las etiquetas a. De nosotros depende si queremos solo texto, imagenes o botones eso se logra con etiquetas como span img o unos cuantos estilos css.

Ejemplo de estructura de menu basico en html:

 <div id="menu">

    <ul>

        <li><a href="#">inicio</a></li>

        <li><a href="#">nosotros</a></li>

        <li><a href="#">blog</a></li>

        <li><a href="#">contacto</a></li>

    </ul>

</div>

 Todo empieza siendo algo insignificante aparentemente.