Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: hymsoft en 10 de Agosto 2016, 18:04

Título: Diferencia entre estilos internos y externos en archivos HTML usan CSS CU01010D
Publicado por: hymsoft en 10 de Agosto 2016, 18:04
Buenas buenas!!! dejo los dos ejercicios de la entrega numero CU01010D del taller de programación web: CSS desde cero.

Saludos!!!

CU01010D-eje1.html
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">
    <style type="text/css">
      h1{color:red;}
      h3{color:green;}
      p{color:brown;}
    </style>
           
  </head>
 
  <body>
    <p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
    <h1>Novedades</h1>
    <p>Aquí presentamos las novedades del sitio.</p>
    <h3>Lanzamos el producto X-FASHION</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 T-MOTION</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 proudcto tmotion" alt="imagen producto tmotion" /></p>
  </body>
</html>

CU01010D-eje2.html
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">
    <link rel="stylesheet" type="text/css" href="CU01010D-eje2.css">
           
  </head>
 
  <body>
    <p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
    <h1>Novedades</h1>
    <p>Aquí presentamos las novedades del sitio.</p>
    <h3>Lanzamos el producto X-FASHION</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 T-MOTION</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 proudcto tmotion" alt="imagen producto tmotion" /></p>
  </body>
</html>

CU01010D-eje2.css
Código: [Seleccionar]
/* Hoja de estilos para la resolución del ejercicio
numero 2 curso CSS desde 0 aprenderaprogramar.com */
h1{color:red;}
h3{color:green;}
p{color:brown;}
Título: Re:Diferencia entre estilos internos y externos en archivos HTML usan CSS CU01010D
Publicado por: Ogramar en 13 de Agosto 2016, 16:03
Buenas Hugo, el ejercicio 1 muy bien

En el ejercicio 2 tienes los colores cambiados respecto a lo que pedía el ejercicio, pero bueno, lo importante es que la idea y desarrollo están bien

Salu2
Título: Re:Diferencia entre estilos internos y externos en archivos HTML usan CSS CU01010D
Publicado por: bowen67 en 07 de Junio 2017, 20:39
Pues no se que hago mal porque he copiado el codigo incluso exacto , aunque lo habia resuelto bien pero no me funciona, incluso poniendo la ruta de donde tengo el estilo css.

TT.
Título: Re:Diferencia entre estilos internos y externos en archivos HTML usan CSS CU01010D
Publicado por: hymsoft en 07 de Junio 2017, 22:31
Hola bowen67, buen día. Por favor pega tu código tal cual lo tienes y no te funciona,  así veo que te sucede...

Saludos desde Rio Gallegos - Santa cruz - Patagonia Argentina!!