Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: EnigmaticNerd en 11 de Agosto 2017, 21:49

Título: CSS y HTML en línea establecer el color de texto o párrafos style color CU01009D
Publicado por: EnigmaticNerd en 11 de Agosto 2017, 21:49
Buenas tardes. Este es el enunciado del ejercicio CU01009D del tutorial de programación web con CSS desde cero:

Citar
A partir del siguiente código:
Código: [Seleccionar]
<!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" title="Página principal" >Ir a la pagina principal</a></p>

<h1>Novedades</h1>

<p>Aquí presentamos las novedades del sitio.</p>

<h3>Lanzamos el producto X-FASHION</h3>

<p>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>Mejoramos el producto T-MOTION</h3>

<p>Hemos lanzado una nueva versión del producto T-MOTION</p>

<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>

</body>
</html>
Citar
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).

Acá el código:
Código: [Seleccionar]
<!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 style="color:brown;"><a style="color:brown; text-decoration:none;" href="principal.html" 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 style="color:brown;"><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>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.
Título: Re:Ejercicio CU01009D de Aprender a programar: CSS desde cero. CSS en línea
Publicado por: Jack_F en 12 de Agosto 2017, 22:57
Hola todo bien resuelto.

Un saludo.