Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Jack_F en 25 de Diciembre 2016, 16:15
-
Hola amigos aquí dejo el ejercicio CU1009D del curso de fundamentos de programación web con CSS desde cero.
Modifica el código HTML anterior para cumplir con estos requisitos mediante la aplicación de estilos en línea:
a) La etiqueta h1 debe mostrar su texto en color rojo.
b) La etiqueta h3 con el texto relativo a X-FASHION debe mostrar su texto en color verde.
c) La etiqueta h3 con el texto relativo a X-MOTION debe mostrar su texto en color azul.
d) Todos los párrafos deben mostrar su texto en color brown (marrón).
<!DOCTYPE html>
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com" />
<meta name="keywords" content="aprender, programar, cursos, libros" />
<meta charset="utf-8" />
</head>
<body>
<p><a href="principal.html" style="color:brown; text-decoration:none;" title="Página principal" >Ir a la pagina principal</a></p>
<h1 style="color:red;">Novedades</h1>
<p style="color:brown;">Aquí presentamos las novedades del sitio.</p>
<h3 style="color:green;">Lanzamos el producto X-FASHION</h3>
<p style="color:brown;">Este producto permite estirar la piel 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>
<h3 style="color:blue;">Mejoramos el producto T-MOTION</h3>
<p style="color:brown;">Hemos lanzado una nueva versión del producto T-MOTION</p>
<p style="color:brown;"><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</body>
</html>
-
Todo correcto.
Saludos. ;D