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: Pandemia en 04 de Febrero 2016, 21:47
-
Aquí os dejo el código que ya lo he pasado por el W3C validator que primero me dio un error, que era una tontería que se me paso cerrar con ;} me faltó el ;. Pero lo puse lo volví a pasar y todo perfecto, os dejo el código haber que os parece.
Gracias por vuestro tiempo. Saludos
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="description" content="portal web aprenderaprogramar.com">
<meta name="keywords" content="especificacion oficial css. w3schools y w3fools. validacion con w3c validator">
<meta charset="utf-8">
<link rel="stylesheet"type="text/css"href="estilos7.css">
</head>
<body>
<header>
<h2 style="text-align: center; border: 5px solid black; background-color: red" >Especificación oficial css. W3C validator</h2>
</header>
<div id="header">
<h1>Aprendizaje de la programación</h1>
</div>
<div id="wrapper">
<div id="menu">
<h2>Menú</h2>
<ul>
<ol>Progamación básica</ol>
<ol>Progamación intermedia</ol>
<ol>programación avanzada</ol>
</ul>
</div>
<div class="pie_de_pagina">
<div id="footer">
<p>Curso aprenderaprogramar.com</p>
</div>
</div>
</div>
</body>
</html>
Y ahora el CSS
/*Especificacion css, validacion con w3c validator*/
h1{color: rgb(40,10,10); background-color: rgb(79,78,153);font-size: 100%;}
h2{color: hsl(0,29%,19%); background-color: rgb(201, 169, 42); font-size: 80%;}
ol{color: black; background-color: yellow; font-size: 100%;}
#pie_de_pagina{color: rgb(30, 55, 181); background-color: rgb(93, 216, 80); font-size: 10px;}
-
Hola Pandemia
Las keywords deben ser palabras simples e ir separadas por comas, por ejemplo:
content="especificacion oficial, css, w3schools, w3fools, validacion, w3c, validator"
El ejercicio pide una lista de elementos ol, esto se haría así:
<ol>
<li>Progamación básica</li>
<li>Progamación intermedia</li>
<li>programación avanzada</li>
</ol>
Realmente hay una errata en lo que dice el ejercicio porque no ordenados es ul (unordered list) y ordenados es ol (ordered list).
Lo que debes tener claro es que con cada ol ó ul estás abriendo una lista, y los elementos de las listas van con li. Tal y como lo has escrito tú has abierto 4 listas.
En esta parte basta con el id footer no es necesario otro externo pie_de_pagina
<div class="pie_de_pagina">
<div id="footer">
<p>Curso aprenderaprogramar.com</p>
</div>
</div>
Además el ejercicio te dice que apliques estilos al elemento con id footer
A seguir
Saludos
-
Buenas, lo de la errata de las listas desordenadas ul me di cuenta y por eso lo puse así pero lo de las lineas de ol en vez de li "menuda metedura de pata" y eso los repaso siempre pero no se se me pasaria.
En cuanto a los meta tags como keywords no estoy muy familiarizado con ellos, pero he buscado información por Internet y en libros y mas o menos ya me hago con ellos y ademas con la información que me has proporcionado tú me ha quedado muy claro. Te agradezco el tiempo y las molestias que te has tomado me han ayudado mucho, puesto que tengo muy poca experiencia, empecé con el curso html desde cero y ahora estoy con este de css desde cero, le he cogido el gustillo y quiero aprender más y mejor.
Saludos
Y gracias de nuevo