Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Jack_F en 09 de Noviembre 2016, 19:40
-
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.
-
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.
-
Si ya le probe tal y como dice en el curso, y me salio tal como dice hay.
Gracias.
-
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
-
<!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.
-
Esta bien resuelto tu ejercicios.
-
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 (https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0)