Autor Tema: Ejercicios resueltos CSS Y HTML cuaderno tipos básicos estilos ejemplo CU01009B#  (Leído 3142 veces)

Sosender

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 10
    • Ver Perfil
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.

Citar
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.


Código: [Seleccionar]
<!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>
« Última modificación: 28 de Octubre 2020, 17:43 por Alex Rodríguez »

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Hola, ejercicio bien resuelto, cumpliendo con lo que se pedía. Saludos.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

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".