Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: LuisM en 21 de Noviembre 2017, 17:05
-
Hola a todos !! Dejo a continuación la respuesta al ejercicio de la clase CU01023D del curso gratuito de programación CSS que se ofrece en esta web. Desde ya muchas gracias por la atención.
Un saludo, Luis
EJERCICIO
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.
Documento HTML
<!DOCTYPE html>
<html>
<head>
<title>"Ejercicio CU01023D"</title>
<link rel="stylesheet" type="text/CSS" href="estilos.css">
<meta charset="utf-8">
</head>
<body>
<h1>Aprendizaje de la programación</h1>
<div id="menu">
<h2>Menú</h2>
<ol>
<li>Programación básica</li>
<li>Programación intermedia</li>
<li>Programación avanzada</li>
</ol>
</div>
<div id="footer">
Curso aprenderaprogramar.com
</div>
</body>
</html>Hoja de estilos estilos.css
/* Curso CSS estilos aprenderaprogramar.com*/
h1 {background-color: rgb(243,248,96);
font-size:40px;}
h2 {background-color: #ff5733 ;
font-size:30px;}
#menu li {background-color: hsl(164,80%,60%);
font-size:20px;}
#footer {background-color: OliveDrab;
font-size:15px;}
Chequeo en W3C: Sin errores !!
Información de CSS válida
h1 {
background-color : rgb(243, 248, 96);
font-size : 40px;
}
h2 {
background-color : #ff5733;
font-size : 30px;
}
#menu li {
background-color : hsl(164, 80%, 60%);
font-size : 20px;
}
#footer {
background-color : olivedrab;
font-size : 15px;
}
-
Ok
;)