« anterior próximo »
Páginas: [1]

Autor Tema: Ejercicio CU01023D tutorial CSS Documentación oficial CSS, W3C VALIDATOR  (Leído 3576 veces)

borri_10

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 31
    • Ver Perfil
Ejercicio CU01023D tutorial CSS Documentación oficial CSS, W3C VALIDATOR
« en: 22 de Abril 2015, 11:11 »
Enunciado:

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%;}
« Última modificación: 24 de Abril 2015, 21:02 por Alex Rodríguez »
En línea

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2662
    • Ver Perfil
Re:Ejercicio CU01023D- Documentación oficial CSS, W3C VALIDATOR
« Respuesta #1 en: 22 de Abril 2015, 22:06 »
Hola, el código está bien. Podrías haber usado #footer{color:brown;background-color:blue;font-size:50%;} en lugar de div.destacado{color:brown;background-color:blue;font-size:50%;}

¿Has probado el código con el validador W3C y te marca algún error o warning?

Salu2
En línea
Páginas: [1]
« anterior próximo »
 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".