Autor Tema: HTML y CSS aplicar estilos en línea cambiar color del texto ejercicio – CU01009D  (Leído 2913 veces)

LaMaru89

  • Sin experiencia
  • *
  • Mensajes: 1
  • Hello :3
    • Ver Perfil
    • Meu sitio perssoal de musica
Hola a todos! este es mi ejercicio resuelto (CU01009D) :B, traté de hacerlo limpio. Todavía me hago un poquito "bolas" pero no me rindo.....

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
<title>Tipos Básicos de Estilo – CU01009D</title>
<meta name="description" content="Portal web aprendeaprogramar.com">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
</head>
<!-- Contenido Página Web-->
<body>
<!-- Inicio wrapper -->
<!-- Inicia Contenido Cabecera -->
<div id="cabecera">
<p><a href="principal" title="Página principal">Ir a la página principal</a></p>
</div>
<!-- Fin Contenido Cabecera -->
<!-- Inicia Contenido Cuerpo -->
<!-- Texto -->
<div id="cuerpo" style="color: brown;">
<h1 style="color: red;">Novedades</h1>
<p>Aquí presentamos las novedades del sitio</p>
<h3>Lanzamos el producto <a href="#" style="color: green; text-decoration: none;"> X–FASHION </a></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 <a href="#" style="color: blue; text-decoration: none;"> T–MOTION </a></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 producto tmotion" alt="imagen producto tmotion"></p>
</div>
<!-- Fin Texto -->
<!-- Termina Contenido Cuerpo -->
<!-- Fin wrapper -->
</body>
<!-- Fin del Contenido Página Web-->
</html>

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2049
    • Ver Perfil
Hola LaMaru el ejercicio está bien resuelto, ánimo y a seguir.

Al decir la consigna que la etiqueta h3 relativa a xFashion debía ir en verde, es preferible aplicar el verde a todo lo que engloba la etiqueta h3.

Para dar estilo a los párrafos en línea, aunque sea más engorroso, lo haríamos aplicando el estilo párrafo a párrafo como puede verse en este otro hilo: https://www.aprenderaprogramar.com/foros/index.php?topic=3718.0

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