Autor Tema: Diferencia entre estilos internos y externos en archivos HTML usan CSS CU01010D  (Leído 3392 veces)

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
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;}
« Última modificación: 13 de Agosto 2016, 16:03 por Ogramar »
"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2662
    • Ver Perfil
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

bowen67

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

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
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!!

"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

 

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