Autor Tema: Cómo validar código HTML y CSS con W3C validator oficial dirección web CU10123D  (Leído 2696 veces)

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
Buenas buenas!!!! Dejo mi ejercicio para la entrega CU10123D del curso práctico de desarrollo web con CSS iniciación.

Aunque la combinacion general de colores es HORRIBLE, jajajajaja si combinan los fondos con el color de la tipografía. Como siempre trate de usar todo lo aprendido hasta aca, asi que use colores hexa, rgb, por nombre html y rgba :-).

Además valide tanto el código HTML (https://validator.w3.org/) como CSS (https://jigsaw.w3.org/css-validator/)

PD: en el ejercicio anterior saque todos los datos de http://www.w3schools.com/css/ y en esta entrega me doy con que no esta recomendada (ni lo contrario jejejeje), siempre hay algo para aprender...

CU01023D.htm
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Especificacion oficial CSS - curso aprenderaprogramar.com</title>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Especificación oficial CSS - Validación CSS W3C validator" />
    <meta name="keywords" content="curso, aprender a programar, html, css, W3C, (CU01023D), W3C validator" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <link rel="stylesheet" type="text/css" href="CU01023D.css"/>
  </head>
  <body>
    <h1>Aprendizaje de la programación</h1>
    <!-- menú -->
    <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>
    <!-- fin menú -->
    <!-- footer -->
    <div id="footer">
      Curso aprenderaprogramar.com
    </div>
  </body>
</html>
l

CU01023D.css
Código: [Seleccionar]
/* Curso CSS estilos aprenderaprogramar.com*/
h1 {
  color:blue;
  background-color: beige;
  font-size: 250%
}

h2 {
  color: #D9D9D9;
  background-color:  #DE3163;
  font-size: 200%;
}

ol{
  background-color: rgb(4,123,255);
  font-size: 150%;
}

li:nth-child(1){
  color:rgba(0,0,0,0.25);
  font-size: 80%;
}
li:nth-child(2){
  color:rgba(0,0,0,0.5);
  font-size: 100%;
}
li:nth-child(3){
  color:rgba(0,0,0,1);
  font-size: 120%;
}

#footer {
  color:#65E804;
  background-color: #FF1110;
  font-size: 120%;
}
« Última modificación: 22 de Agosto 2016, 17:34 por Ogramar »
"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2662
    • Ver Perfil
Buenas Hugo el ejercicio bien pero como tú mismo has reconocido la combinación de colores es horrible :)

Document checking completed. No errors or warnings to show.

Salu2

 

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".