¿Cómo utilizar lt; ulgt; y lt; ligt; para crear una barra de navegación en HTML? Buscando código más simple

HTML:lt;!DOCTYPE htmlgt;

lt;htmlgt;

lt;headgt; lt;meta charset='utf-8'gt; ;tipo de estilo="text/css"gt;

html, cuerpo{ margen: 0; relleno: 0; fondo: #E6E6E6;

}

.nav{ estilo de lista: ninguno; ancho: 100; alto: 30px; fondo: #171714;

}

.nav li{ flotante: izquierda; : 30px; fondo: #373734; borde izquierdo: sólido 1px #10100D; borde derecho: sólido 1px #535351; fuente: 14px arial, 'Microsoft Yahei', Arial, sans-serif, tahoma; peso de fuente: negrita; altura de línea: 30px; color: #898988; cursor: puntero;

}

.nav li: hover{ fondo: #4D4D4B; fff;

} lt;/stylegt;

lt;/headgt;

lt;bodygt; lt;ul class="nav"gt;

lt; p>

lt;ligt;Menult;/ligt;

lt;ligt;Menult;/ligt;

lt;ligt;Menult; /ligt;

lt;ligt;Menult;/ligt;

lt;ligt;Menult;/ligt; lt;/ulgt;

lt;/ bodygt;

lt;/htmlgt;

También puedes consultar esto, con listas desplegables de dos y tres niveles: