Crear Menú desplegable HTML

Hola a todos! les voy a enseñar como crear un menú desplegable en HTML, este menú es para sus páginas web o blogs, es la base para un menú desplegable ya que en este código van los links y los submenus, la apariencia se logra con códigos CSS o CSS3 que es otra cosa totalmente diferente que nos cambia en la plantilla. Aqui pueden encontrar donde hacer menus CSS online para su blog y como instalarlos :)

El HTML se arma en una lista, utilizando etiquetas UL y LI con las que vamos a ir creando los menus y submenus. Primero abrimos las llaves con la siguiente <div id="nombre del menu"> deben de notar que para todo submenu antes se anteponen las llaves <ul> con su misma terminación </ul> y todos los links van a ir dentro de las llaves de <a href="LINK"></a> y con cada submenu se corren las llaves un espacio. (No se mucho de HTML yo solo comparto lo que aprendo así que si me equivoco les agradecería su recreación  :))

<div id='mi menu'>

      <ul id='mi menu'>
        <li>
          <a href='#'>Pagina Principal o INICIO</a>
        </li>
        <li>
          <a href='#'>Sobre mi</a>
       </li>

        <li>
          <a href='#'>Categoria 1</a>
        <ul>
                <li><a href='#'>Categoria 1.1</a></li>
                <li><a href='#'>Categoria 1.2</a></li>

            </ul>
         </li>

<li>
           <a href='#'>Categoria 2</a>
            <ul>
                <li><a href='#'>Categoria 2.1</a></li>
                <li><a href='#'>Categoria 2.2</a></li>
            </ul>
        </li>

      </ul>

    </div>

Pero para los que se les complica les dejo la siguiente página donde pueden crearlos ustedes sin todos estos códigos :) AQUI