Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: borri_10 en 11 de Marzo 2015, 11:08

Título: Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto
Publicado por: 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>
Título: Re:EJERCICIO CU01009D- ESTILOS EN LINEA, POR DEFECTO, SOBRESCRITURA
Publicado por: Alex Rodríguez en 11 de Marzo 2015, 12:00
Hola estaba esperando que respondieras este... https://www.aprenderaprogramar.com/foros/index.php?topic=2115.0
Título: Re:EJERCICIO CU01009D- ESTILOS EN LINEA, POR DEFECTO, SOBRESCRITURA
Publicado por: borri_10 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...
Título: Re:EJERCICIO CU01009D- ESTILOS EN LINEA, POR DEFECTO, SOBRESCRITURA
Publicado por: Alex Rodríguez 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
Título: Re:Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto
Publicado por: jimmorrison 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>
Título: Re:Ejercicio CU01009D curso CSS aplicar estilos en línea cambiar color del texto
Publicado por: Alex Rodríguez 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