Autor Tema: Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto (Leído 4697 veces)

borri_10 · « **en:** 11 de Marzo 2015, 11:08 »

Enunciado:

Citar

Aplicar al código facilitado los siguientes 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).

Respuesta:

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title> PORTAL WEB </title>
</head>
</body>
<p style="color:brown";><a href="principal.html" title="Pagina Principal">Ir a pagina principal</a></p>
<h1 style="color:red";>Novedades</h1>
<p style="color:brown";>Aqui presentamos las novedades del sitio</p>
<h3 style="color:green";>Lanzamos el producto</h3>
<p style="color:brown";>Este producto permite estirar la piel hasta dejarla como la de un  bebe.</p>
<p style="color:brown";><img src="//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 version del procuto T-MOTION</p>
<p style="color:brown";><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion"alt="imagen producto tmotion"/></p>
</body>
</html>

Alex Rodríguez · « **Respuesta #1 en:** 11 de Marzo 2015, 12:00 »

Hola estaba esperando que respondieras este... https://www.aprenderaprogramar.com/foros/index.php?topic=2115.0

borri_10 · « **Respuesta #2 en:** 11 de Marzo 2015, 12:50 »

No he respondido porque me ha quedado claro que se verá más adelante.
Además si hay que hacerlo con word o con otro tipo de programa no me preocupa, porque lo que realmente queria es saber si lo estaba estudiando bien, mal, me habia colado algo...

Alex Rodríguez · « **Respuesta #3 en:** 12 de Marzo 2015, 08:04 »

Hola por favor no escribas los títulos de los temas en mayúsculas (eso se interpreta como que estás gritando).

El ejercicio CU01008D te recomendaría que lo hicieras pues si no lo haces no se sabe si has comprendido lo que se explica en el curso...

Sobre el código del ejercicicio CU01009D la aplicación de estilos en línea está bien pero has puesto los puntos y coma mal, ya que los has puesto fuera de las comillas <h1 style="color:red";>Novedades</h1> cuando deben ir dentro de las comillas <h1 style="color:red;">Novedades</h1>

Los navegadores intentarán "pasar por alto" esos errores y mostrar la web con normalidad, pero algunos navegadores puede que no muestren las cosas correctamente si hay errores de este tipo.

Saludos

jimmorrison · « **Respuesta #4 en:** 17 de Abril 2015, 06:39 »

dejo mi codigo maestros corrijan mis errores por favor

Código: [Seleccionar]

<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" style="color: brown;">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>

Alex Rodríguez · « **Respuesta #5 en:** 18 de Abril 2015, 22:13 »

Hola jimmorrison todo bien lo único a corregir <meta charset=utf-8"> le faltan las comillas <meta charset="utf-8">

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto (Leído 4697 veces)

borri_10

Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto

Alex Rodríguez

Re:EJERCICIO CU01009D- ESTILOS EN LINEA, POR DEFECTO, SOBRESCRITURA

borri_10

Re:EJERCICIO CU01009D- ESTILOS EN LINEA, POR DEFECTO, SOBRESCRITURA

Alex Rodríguez

Re:EJERCICIO CU01009D- ESTILOS EN LINEA, POR DEFECTO, SOBRESCRITURA

jimmorrison

Re:Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto

Alex Rodríguez

Re:Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto

Preguntas y respuestas