Autor Tema: Curso html desde cero. ejercicio de imagenes crear el código web. CU00714B  (Leído 3162 veces)

Jack_F

  • Visitante
Hola a todos estoy en un ejercicio del curso básico de programación web con HTML en que se basa, en que tengo que abrir cuatro páginas web distintas y capturar la ruta de 4 imágenes que pueda encontrar en ellas las imagenes que yo quiera.
« Última modificación: 13 de Noviembre 2016, 17:38 por Alex Rodríguez »

DRANXZ88

  • Avanzado
  • ****
  • Mensajes: 356
    • Ver Perfil
Re:Curso html desde cero. ejercicio de imagenes.CU00714B
« Respuesta #1 en: 09 de Noviembre 2016, 20:53 »
Citar
EJERCICIO

Abre cuatro páginas web distintas y captura la ruta de 4 imágenes que puedas encontrar en ellas (las imágenes que prefieras). A continuación crea un documento html donde incorpores un texto que indique el contenido de la imagen y a continuación se vea la imagen. Guarda el documento con un nombre como ejemploCU00714B.html y comprueba que se visualiza correctamente. Ejemplo:

 

Imagen que refleja una boda:

 (… aquí la imagen)

Imagen que muestra un mercado:

(… aquí la imagen)

Imagen que muestra un atleta:

(… aquí la imagen)

Imagen que refleja un atardecer:

(… aquí la imagen)

 

Nota: la ruta de una imagen de una página web se puede capturar normalmente haciendo click con el botón derecho del mouse sobre la imagen y eligiendo la opción “Copiar la ruta de la imagen” ó “Ver información de la imagen” ó “Propiedades” ó “Copiar URL de la imagen” ó “Inspeccionar elemento”, dependiendo del navegador que estemos utilizando.
Lo que tenes que hacer es copiar el url de la imágenes para que pueda utilizar en la pagina que vos va a crea al ultimo te explica como copiar el url de una imagen. Y lo que va a poner en tu pagina seria.
Imagen que refleja una boda: Podes poner como titulo eso y abajo pones tu imagen que copiaste de la pagina que abriste es decir la dirección del imagen o url y así a cada uno que sigue.
Y proba si te funciona en el navegador y podes pegar tu código el foro para ver.

Jack_F

  • Visitante
Re:Curso html desde cero. ejercicio de imagenes.CU00714B
« Respuesta #2 en: 09 de Noviembre 2016, 21:05 »
Si ya le probe tal y como dice en el curso, y me salio tal como dice hay.
Gracias.

cesarapenag

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 2
    • Ver Perfil
Re:Curso html desde cero. ejercicio de imagenes.CU00714B
« Respuesta #3 en: 10 de Noviembre 2016, 02:00 »
Buenas noches a todos.
Me gustaria saber como se hace para que las imagenes queden debajo de las palabras que la describen y no al lado

Jack_F

  • Visitante
Re:Curso html desde cero. ejercicio de imagenes.CU00714B
« Respuesta #4 en: 10 de Noviembre 2016, 06:28 »
Código: [Seleccionar]
<!DOCTYPE html>
<html>
        <head>
        <meta charset="utf-8">
<title>Ejercicio de imagenes CU00714B -aprenderaprogramar.com</title>
</head>
<body>
        <p>Imagen que refleja una boda</p>
                 <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSJan5iTqd1cdubKbxYDKWuxen05uM3zkhRrxKhp4A0tZ429gJLFw"
alt="Logotipo APR2" width="200">
                <p>Imagen que muestra un mercado</p>
                 <img src="https://3.bp.blogspot.com/-vYqIOMtO5qg/UPsQvwBZssI/AAAAAAAAJA8/Wnf5Amk1_Vs/s1600/mercado2.gif"
alt="Logotipo APR2" width="200">
                <p>Imagen de un atleta</p>
                 <img src="http://i.eldiario.com.ec/fotos-manabi-ecuador/2014/09/20140902081528_usain-bolt-duda-que-un-atleta-sea-c_tn1.jpg"
alt="Logotipo APR2" width="200">
                <p>Imagen que refleja un atardercer</p>
                  <img src="http://www.guate360.com/galeria/data/media/6/atardecer2.jpg"
alt="Logotipo APR2" width="200">
                <strong><p>Este es el ejercicio de imagenes</p></strong>
</body>
</html>

Aqui esta mi ejercicio de imagenes. Espero que este bién.

DRANXZ88

  • Avanzado
  • ****
  • Mensajes: 356
    • Ver Perfil
Re:Curso html desde cero. ejercicio de imagenes.CU00714B
« Respuesta #5 en: 10 de Noviembre 2016, 19:29 »
Esta bien resuelto tu ejercicios.

DRANXZ88

  • Avanzado
  • ****
  • Mensajes: 356
    • Ver Perfil
Re:Curso html desde cero. ejercicio de imagenes.CU00714B
« Respuesta #6 en: 10 de Noviembre 2016, 19:31 »
Hola cesarapenag para crear nueva pregunta tenes crear nuevo hilo lee este link de la regla del foro.
https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0

 

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