Autor Tema: Curso CSS validación W3C validator cómo introducir keywords subir seo CU01023D (Leído 2418 veces)

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

Código: [Seleccionar]

<!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

Código: [Seleccionar]


/*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;}

javi in the sky · « **Respuesta #1 en:** 06 de Febrero 2016, 20:22 »

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í:

Código: [Seleccionar]

	<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

Código: [Seleccionar]

<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

Pandemia · « **Respuesta #2 en:** 06 de Febrero 2016, 23:45 »

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

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: