EJERCICIO CU01023D del taller de programación CSS desde cero con Notepad++ como editor.
Crea un documento HTML que conste de los siguientes elementos: un título h1 con el texto “Aprendizaje de la programación”. Una división div con id menú que contenga: un título h2 con el texto “Menú” y una lista de elementos ordenados (ol) con los siguientes items: Programación básica, Programación intermedia y Programación avanzada. Finalmente, una división div con id footer con el texto “Curso aprenderaprogramar.com”. Establece diferentes valores de las propiedades color, background-color y font-size para:
a) Los elementos h1
b) Los elementos h2
c) Los elementos ol y partes internas a este (elementos li de listas).
d) El elemento con id footer.
A continuación utiliza el W3C validator y comprueba si no te indica ningún error, o qué errores o warnings te indica y trata de identificar el por qué de ellos y corregirlos. Puedes comprobar si tus respuestas son correctas consultando en los foros aprenderaprogramar.com.
Solución:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="Ejercicio23.css">
</head>
<body>
<h1>Aprendizaje de la programación</h1>
<div id="menu">
<h2>Menú</h2>
<ol>
<li>Programación basica.</li>
<li>Programación intermerdia.</li>
<li>Programación Avanzada.</li>
</ol>
<div id="footer">Curso de aprender a programar</div>
</div>
</body>
</html>
CSS:
h1{
color: cadetblue;
background-color: chartreuse;
font-size: 50px;
}
h2{
color: blue;
background-color: aqua;
font-size: 2em;
}
ol{
color: chocolate;
background-color: fuchsia;
font-size: 3em;
}
ol li{
color: aqua;
background-color: firebrick;
font-size: 2em;
}
#footer{
color: dodgerblue;
background-color: deeppink;
font-size: 60px;
}
Me aparece la siguiente el mensaje:
¡Enhorabuena. Error no encontrado! Archivo correcto en su version css3.
Tema: Validación CSS comprobar errores en una página web usando W3C validator CU01023D (Leído 2002 veces)
RSS -
WAP2