Utilizando las etiquetas que hemos visto en esta clase, realizar un documento html usando la plantilla boilerplate del tema pasado, que tenga el siguiente aspecto.
Utilizando las etiquetas vistas en clase y los enlaces, intentar crear un documento con ejemplos de cada tipo de etiqueta y enlazarlos en un documento inicial parecido a los que os enseño yo en la clase. Enlazar el documento creado en la tarea 5.1 también en la lista de enlaces.
Utilizando las etiquetas vistas en clase, realizar a traves de Figma la identificacion de las etiquetas semánticas de 3 páginas web.
He realizado 3 portafolios de devs que encontré en el servidor de MoureDev, aquí les dejo los enlaces:
Erick Taveras: https://www.eriktaveras.com/
Scarleth San Martin: https://scarlethsmlportafolio.netlify.app/
Maverich Champi: https://maverickchampi.vercel.app/
Realizar un documento por cada enunciado para poder practicar las listas de elementos
Haz una lista ordenada de los cinco primeros países que vas a visitar en los próximos años. En la lista ordenada usarás números
Utilizando el ejercicio anterior, invierte el orden de los números
Haz una lista desordenada de tus películas favoritas
Haz un documento por cada imagen de las que te muestro a continuación:
Realizar las siguientes tablas a modo de práctica
Crea una página web que contenga un formulario con los siguientes campos de información
- El nombre, con un control de tipo texto
- Los apellidos, con un control de tipo texto
- El sexo, con dos opciones excluyentes hombre o mujer
- El correo electrónico, con un control de tipo email
- Una casilla de verificación con el texto "Deseo recibir información sobre novedades y ofertas"
- Una casilla de verificación con el texto "Declaro haber leido y aceptar las condiciones generales del programa y la normativa sobre protección de datos"
- Un botón de envío
- Población, una lista desplegable con las opciones Alicante, Madrid, Sevilla y Valencia
- Descripción, un área de texto multilínea
- Además, tienes que asociar la etiqueta de cada control a su control para mejorar la usabilidad y la accesibilidad.
- Además, tienes que tener en cuenta los siguientes requisitos
- El título de la página debe ser Formulario de registro - Mi web
- El método de envío del formulario debe ser GET
- El destino del envío del formulario debe ser ""
- La longitud máxima de entrada de datos de los controles para el nombre y los apellidos debe ser 50 caracteres
- La casilla de verificación con el texto "Deseo recibir información sobre novedades y ofertas" debe estar activada por defecto
