Autor Tema: CSS y HTML en línea establecer el color de texto o párrafos style color CU01009D  (Leído 79 veces)

EnigmaticNerd

  • Principiante
  • **
  • Mensajes: 70
    • Ver Perfil
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.
« última modificación: 26 de Agosto 2017, 17:34 de Alex Rodríguez »

Jack_F

  • Visitante
Hola todo bien resuelto.

Un saludo.

 

Esto es un laboratorio de ideas...
Aprender a programar

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".