Este documento presenta 8 ejercicios de codificación HTML y CSS. Los ejercicios 1-5 implican codificar estructuras HTML como títulos, párrafos, listas y tablas. Los ejercicios 6-8 implican aplicar estilos CSS a un documento HTML para cambiar el color, fuente, borde y relleno de diferentes elementos como títulos, enlaces y párrafos.
1. Ejercicio 1Estructurar y marcar el siguiente texto para que el navegador lo muestre con
el aspecto de la siguiente imagen: 1 punto
Ejercicio 2 Determinar el código HTML que corresponde al siguiente documento:
1 punto
2. Ejercicio 3Determinar el código HTML que corresponde a la siguiente lista anidada
simple 1 punto
Ejercicio4 Determinar el código HTML necesario para crear la tabla que se muestra en
la siguiente imagen: 1 punto
3. Ejercicio 5Determinar el código HTML necesario para crear la tabla que se muestra en
la siguiente imagen2 puntos
Ejercicio 6 Determina las etiquetas y atributos de CSS necesarios para dejar el archivo
HTML con el siguiente aspecto.1 punto
El color de los títulos es color: ee3e80
El de la cursiva fuente verdana de 16 pixeles y color 0066ff
La fuente de párrafo es Arial de 12 pixeles y color 665544
El link es de color 0033ff con subrayado
Las últimas palabras del primer párrafo es fondo 0099ff
Títulos
Cursiva
Párrafo
Link
Últimas palabras del párrafo
4. Ejercicio 7 Determina las etiquetas y atributos de CSS necesarios para dejar el archivo
HTML con el siguiente aspecto.1 Punto
El cuadro del “body” es de 2 pixeles de grosor color e7642c con un relleno de 20
pixeles
El cuadro de los títulos es de 2 pixeles de grosor color e7642c con un relleno de 10
pixeles
Los links. Fuente de color 665544, borde 2 pixeles color 7fcbae y relleno de 5 pixeles
Body
Títulos
Links
Sigue ejercicio 8
5. Ejercicio8: Determina las etiquetas y atributos de CSS necesarios para dejar el
archivo HTML con el siguiente aspecto. 2puntos
Titulos :FF0000
Suspense gravida:66ff00
Etiam sagittis tortor:CCCCCC
aliquam non:FF0000
Aenean turpis metus, ----------, tristique in:FFFF00
Titulo columna: 0000FF
Donec purus ipsum y Curabitur blandit: FF3333
Purus ipsum: 66FF66
Nunc elit elit, vehicula vulputate: 00FF99
Titulos
Suspense gravida
Etiam sagittis tortor
aliquam non
Aenean turpis metus, ----------, tristique in
Titulo columna
Donec purus ipsum y Curabitur blandit
Purus ipsum
Nunc elit elit, vehicula vulputate