Respuestas
Respuesta:
Las listas en html son elementos muy importantes de alto significado semántico, en esta ocasión aprenderemos todo sobre ellas, además aprenderemos a hacer listas ordenadas y sin ordenar, con viñetas de varios tipos, etc. sin más, empecemos con la lección.
Ir a contenido:
Cómo hacer listas ol y ul HTML
Listas no ordenadas <ul> en HTML
Etiqueta <ul>
Etiqueta <li>
Ejemplo de lista desordenada en HTML
Listas ordenadas en HTML <ol>
Etiqueta <ol>
Ejemplos de listas ordenadas en HTML:
Listas dentro de listas o sublistas
Ejemplo de sublistas en HTML
Lista de terminologías o lista de definiciones en HTML
Cómo poner viñetas en listas de HTML
Atributo style
Ejemplos para poner viñetas en listas HTML
Cómo poner imagenes como viñetas en listas de HTML
Ejemplo de imagen en viñeta de lista HTML
Cómo hacer listas ol y ul HTML
Para empezar, existen dos tipos de listas html en general: listas ordenadas y listas sin ordenar, a continuación veamos como se implementa cada uno y sus diferencias.
Listas no ordenadas <ul> en HTML
Una lista no ordenada en HTML es aquella en la que los elementos no están enumerados ni marcados por algún caracter que designe orden. Los elementos están simplemente listadas con alguna viñeta predeterminada como puede ser un punto u otro tipo como veremos más adelante.
Etiqueta <ul>
Una etiqueta <ul> contiene a todas los elementos de la lista y dentro de ella irán los atributos que afectan a toda la lista en bloque.
Etiqueta <li>
Los elementos de la lista propiamente dichos, se especifican en una etiqueta <li>, de tal manera que cada elemento es independiente de otro elemento.
Ejemplo de lista desordenada en HTML
Como ejemplo demostrativo veamos una lista sin ordenar de las estaciones del año