En esta videolección vas a aprender los distintintos tipos de listas que hay en HTML y también aprenderás a introducir direcciones físicas, por ejemplo la dirección de tu empresa, en una página web. Por tanto veremos:
- Qué son y cómo usar las listas ordenadas, las listas no ordenadas y las listas de definición.
- Cuál es la forma más semántica de crear una lista de tareas en HTML, una lista de la compra o un listado de empleados de una empresa.
- Cómo introducir una dirección física a la cual te puedan enviar jamones en navidad 🙂
Aquí te dejo el código realizado durante la sesión para que puedas practicar:
- index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Listas y direcciones</title> </head> <body> <h1>Tipos de listas en HTML y direcciones físicas</h1> <h2>Listas ordenadas</h2> <h3>Esta es mi lista de tareas</h3> <ol> <li>Sacar a pasear al perro</li> <li>Ir a hacer la compra</li> <li>Arreglar el mundo tomando unas cañas</li> <li>Salir a cenar con la novia</li> </ol> <h2>Listas no ordenadas</h2> <h3>Lista de la compra</h3> <ul> <li>Olivas</li> <li>Pasta sin gluten</li> <li>Brócoli</li> <li>Comida para el perro</li> </ul> <h2>Listas de definición</h2> <h3>Empleados de mi empresa</h3> <dl> <dt>David</dt> <dd>Desarrollador Web</dd> <dt>Dac</dt> <dd>Encargado de ladrar a los vecinos y dormir 26h al día</dd> </dl> <h2>Direcciones físicas</h2> <h3>Podéis enviarme jamones a</h3> <address> <ul> <li>Calle Falsa, 123</li> <li>Togoras, Barcelona, España</li> <li>CP. 09234</li> </ul> </address> </body> </html> |
Hasta aquí esta lección de hoy, si alguna cosa no te ha quedado clara te animo a dejar tu comentario y te ayudaré lo antes posible.
¡Saludos y hasta la próxima videolección!
Deja un comentario