Curso de HTML #5: Listas

En la clase de hoy veremos como crear listas en HTML, qué tipos hay, cómo combinarlas, cómo trabajar con ellas y cómo darles formato.

5 – Listas con HTML

Las listas son una de las etiquetas más usadas después del texto y los enlaces. Gracias a esta etiqueta podemos hacer listas de este estilo:

• Esto
• es
• una
• lista

Pero las listas son mucho más que eso. Vamos a ver los 3 tipos de listas que podemos hacer, aprenderemos a hacer sublistas e incluso a darles un poco de formato.

¡Ya lo veis! Las listas son facilísimas de hacer en HTML. Y ahora incluso sabemos como trabajar con ellas, usar las correctas para nuestro SEO e incluso adornarlas. Momento pues para los deberes:

• Crear una lista no ordenada (como esta)
• Crear una lista ordenada
  • Crearle una sublista (como esta)
  • Colocarle números a la sublista
• Crear una lista con corazones en lugar de puntos
• Crear una lista con números romanos
• Crear una lista con letras en minúscula (a, b, c...)
• Crear una lista de definiciones para términos científicos

Como podéis ver, una etiqueta muy simple pero muy funcional. Cierto es que la mayoría de editores ya tiene el botoncillo para crear una lista. Pero ahora ya sabemos cómo ejercer un mayor control sobre ellas :)

No olvidéis visitar los enlaces que tenéis debajo del vídeo para saber más y ampliar en cuanto a CSS. Nos vemos en la siguiente clase, en la que veremos una etiqueta clave para complementar textos, enlaces y listas. Hasta entonces... ¡A htmlear!

• Curso de HTML #1: Teoría base y primera práctica
• Curso de HTML #2: Etiquetas y atributos
• Curso de HTML #3: Formatos de texto
• Curso de HTML #4: Enlaces
• Curso de HTML #5: Listas
• Curso de HTML #6: Imágenes
• Curso de HTML #7: Tablas
• Curso de HTML #8: Formularios
• Curso de HTML #9: Estructura
• Curso de HTML #10: Integración con CSS y JavaScript