Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Sosender en 15 de Junio 2020, 13:19
-
Hola, buenos días, adjunto ejercicio del CU01009B tipos básicos de estilos css:estilos por defecto y css em línea. Sobreescrituras de estilos.
Ejercicio: modificar código html para cumplir los siguientes requisitos mediante la aplicación de estilos en linea:
a) La etiqueta h1 debe mostrar su texto en color rojo.
b) la etiqueta h3 con el texto relativo X-FASHION debe mostrar su texto en color verde.
c) La etiqueta h3 con el texto relativo a T-MOTION debe mostrar su texto en color azul.
d) Todos los párrafos deben mostrar su texto en color marrón.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</body>
</html>
-
Hola, ejercicio bien resuelto, cumpliendo con lo que se pedía. Saludos.