Autor Tema: HTML tamaño de imagen grande Etiqueta de imágenes, img, src, alt, width CU00714B (Leído 2254 veces)

KOFFERO · « **en:** 17 de Septiembre 2017, 06:53 »

Hola amigos aquí dejo mi ejercicio resuelto CU00714B del tutorial pdf de programador web con HTML desde cero.

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)

Código HTML:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
        <head>
		        <title>Ejercicio con imágenes - aprenderaprogramar.com</title>
				<meta charset="UTF-8" />
		</head>
		<body>
		       <p>Imágen que refleja una boda:</p>
			   <img src="http://mqltv.com/wp-content/uploads/2016/01/boda-de-divorciados.jpg" alt="ImagenDeBoda" width="400px">
			   <p>Imágen que refleja un mercado:</p>
			   <img src="https://cdn.pixabay.com/photo/2015/06/12/17/43/fruit-stall-807226_960_720.jpg" alt="ImagenDeMercado" width="400px">
			   <p>Imágen que muestra 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="ImagenDeAtleta" width="400px">
			   <p>Imágen que refleja un atardecer:</p>
			   <img src="http://www.blogdelfotografo.com/wp-content/uploads/2013/03/Atardecer-1.jpg" alt="ImagenDeAtardecer" width="400px">
		</body>
</html>

Un saludo.

Alex Rodríguez · « **Respuesta #1 en:** 26 de Octubre 2017, 18:47 »

Hola Jorge,,, el ejercicio está correcto aunque ten en cuenta que una de las imágenes que has utilizado tiene aproximadamente 1 Mb de tamaño. Estas imágenes tan grandes en general no son adecuadas para páginas web porque ralentizan mucho la carga. Es decir, siempre es preferible tomar imágenes de pequeño tamaño (excepto cuando sea estrictamente necesario por algún motivo).

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: