1
Aprender a programar desde cero / Ejercicio CU01023D tutorial CSS Documentación oficial CSS, W3C VALIDATOR
« en: 22 de Abril 2015, 11:11 »
Enunciado:
Respuesta:
Citar
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 no 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.
Respuesta:
Código: [Seleccionar]
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="EJERCICIO CU01023D.CSS">
<title> Ejercicio CU01023D </title>
</head>
<body>
<div id="header">
<h1> Aprendizaje de la programacion </h1>
</div>
<div id="wrapper">
<div id="Menu">
<h2>Menu</h2>
<ul>
<ol>Programación básica</ol>
<ol>Programación intermedia</ol>
<ol>Programación avanzada</ol>
</ul>
</div>
<div class="destacado">
<div id="footer">
Curso Aprender a programar
</div>
</div>
</body>
</html>
Código: [Seleccionar]
/*Ejercicio CU01023D*/
h1{color:green;background-color:red;font-size:100%;}
h2{color:blue;background-color:yellow;font-size:95%;}
ol{color:yellow;background:red;font-size:100%;}
div.destacado{color:brown;background-color:blue;font-size:50%;}