Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Dimitar Stefanov en 12 de Enero 2016, 15:37
-
Mi ejercicio CU01012D:
Código HTML:
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos07.css">
<body>
<div class="principal">
<h1>Novedades</h1><p>Aquí presentamos las novedades del estilo.</p>
</div>
<div class="secundario">
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
</div>
<div class="tercera">
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</div>
</body>
</html>
Código CSS:
.principal {
color: red;
font-size: 150%;
}
.secundario {
color: green;
font-size: 110%;
}
.secundario p {
background-color: yellow;
}
-
Hola dimiste
Comentarte solo dos cosas:
La primera es que te falta el cierre de la etiqueta head y la segunda es que el tercer div tiene que tener class="secundario" al igual que el segundo div. Lo demás todo bien.
Saludos.
-
Gracias, Pedro.
Totalmente de acuerdo, me faltaba la etiqueta "</head>" y tenía que cambiar el class="tercera" por class="secundario".
Saludos