Autor Tema: EJERCICIO CU00714B curso html insertar imágenes en una página web (Leído 7542 veces)

borri_10 · « **en:** 22 de Diciembre 2014, 16:19 »

Buenas tardes,

Acabo de realizar el ejercicio CU00714B del curso aprender a programar en lenguaje HTML y me dice en el propio curso que consulte el resultado del ejercico en el foro.
¿ Alguien me lo puede dar por favor?.

Gracias y saludos,

Ogramar · « **Respuesta #1 en:** 22 de Diciembre 2014, 16:39 »

Hola, si te fijas en otros post (por ejemplo https://www.aprenderaprogramar.com/foros/index.php?topic=1764.0) la dinámica consiste en que tú presentes el código que has generado para que otras personas lo puedan revisar y darte una opinión o indicarte cosas a mejorar.

Salu2

borri_10 · « **Respuesta #2 en:** 23 de Diciembre 2014, 08:26 »

El código:

Código: [Seleccionar]

<html>
<head>
<tittle> Imagen que refleja una boda </tittle> 
</head>
<body>
<p>Imagen que refeja una boda;</p>
</body>
<img src="http://avioletinthesnowdotcom.files.wordpress.com/2014/02/sonsolesfernando-boda_034.jpg?w=600&h=400" width="400px">
</html>

Ogramar · « **Respuesta #3 en:** 23 de Diciembre 2014, 10:53 »

Hola: lo primero, cuando se trate de pegar código hazlo como se indica aquí: https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0

Sobre el ejercicio en sí no está bien por estos motivos:

- Has escrito <tittle> con dos tes, cuando debe ser solo con una t.

- Tienes el código de una imagen fuera del body. Todo el código que constituye el contenido de la página web debe ir entre las etiquetas <body> ... </body>, no puedes tener parte del código fuera del espacio delimitado por estas etiquetas.

- El código no cumple lo que pide el ejercicio. El ejercicio pide incorporar cuatro imágenes y tú sólo has incorporado una. Revisa el enunciado del ejercicio.

- La imagen no se corresponde con lo que dices que es, tú pones que es una boda pero aparecen unas flores.

- También sería recomendable que incluyeras el atributo alt para las imágenes, no lo has incluido.

Espero que esto te sirva de ayuda. Salu2!

borri_10 · « **Respuesta #4 en:** 23 de Diciembre 2014, 12:04 »

<html>
<head>
<title> Imagenes;boda,mercado,atleta y atardecer </title>
</head>
<body>
Imagen que refeja una boda;
<img src="http://www.ciutathotels.com/content/imgsxml/es/galerias/galeria_interior/1/grande-bodas-y-banquetes-ciutat-hotels.jpg" alt width="400px">
</body>
 Imagen que refleja un mercado 
<img src="http://el3erespacio.mx/wp-content/uploads/2013/11/MERCADO.jpg" alt width"400px">
</body>
 Imagen que refleja un atleta 
<body>
<img src="http://gmfitnesssystems.com/wp-content/uploads/2013/10/usain.jpg" alt width"400px">
</body>
 Imagen que refleja un atardecer
<body>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQ_vfajt290mLT7hNtDcy8j9ePJ1Gsj_T7cbmvqtkgb1_bk7SUf" alt width"400px">
</body>
</html>

A ver si ahora esta bien. El tema del alt está bien puesto asi?.

Gracias y saludos,

Ogramar · « **Respuesta #5 en:** 23 de Diciembre 2014, 12:49 »

Voy a revisarlo, pero ¿te has leído lo que te puse donde se explicaba cómo se debía pegar código en los foros? $:-\$

Ogramar · « **Respuesta #6 en:** 23 de Diciembre 2014, 13:31 »

Ahora está "casi bien".

Tienes dos errores:

- Cuando escribes alt eso significa "texto alternativo", pero tienes que decir cuál es el texto alternativo (es decir, el texto que se mostraría si no se pudiera mostrar la imagen) escribiendo alt = "mercado de Madrid" por ejemplo, no puedes escribir solo alt porque eso no significa nada.

- Has escrito width"400px", te falta el =, es decir, debe ser width = "400px", por eso hay una imagen que se ve demasiado grande.

Salu2

borri_10 · « **Respuesta #7 en:** 23 de Diciembre 2014, 15:16 »

Siento mucho lo de pegar el codigo pero sigo sin entenderlo. Me he metido al link donde me has dicho tu, pero o no lo veo o no se verlo. ¿ Me puedes poner algún ejemplo? Es como soy tan nuevo en esto no me entero mucho.
En referente al ejercicio, ya lo he cambiado y lo he entendido. Muchas gracias por tu ayuda.
Saludos,

Ogramar · « **Respuesta #8 en:** 23 de Diciembre 2014, 17:44 »

Bueno, no te preocupes, te lo explico y haz una prueba aquí mismo para comprobar cómo funciona. Dale a responder a este mensaje y escribe en la caja de texto del editor del foro "Aquí está mi código: "

Luego pulsa en el botón con el símbolo # que aparece encima de la caja de texto donde escribes. Cuando hagas eso te aparecerán unas etiquetas [code] ... [/code]

Ahora pega el código dentro de esas etiquetas, por ejemplo:

[code]
<html>
<body>
ejemplo
</body>
</html>
[/code]

Ahora pulsa en previsualizar y comprueba que se ve cómo código, más o menos como esto:

Código: [Seleccionar]

 <html>
<body>
ejemplo
</body>
</html>

Y si se ve bien, pulsa en publicar, si no vuelve a modificarlo hasta que se vea bien.

Salu2

SITOAPRENDIZ · « **Respuesta #9 en:** 10 de Febrero 2015, 12:54 »

Hola y muy buenos dias a todos.
Entrando en materia sobre el aprendizaje de código, les dejo mi codigo de la lección CU00714 ETIQUETAS HTML BASCAS: IMAGENES, TAG..... para poder perfeccionarlo y despejar tres dudas que tengo:
1.¿no es posible dar color al texto y al fondo dentro de la etiqueta <title>?(con "bgcolor" y "text")
2.pensé que al introducir la etiqueta "alt", se vería el texto introducido por mí al pasar el ratón por encima de las imágenes y por alguna razón que no encuentro, no es así.
3.¿como se utiliza la etiqueta "align" con sus atributos? ¿es mejor no adentrarse en esta etiqueta por estar obsoleta?
Aquí os dejo mi código y haganme saber, por favor, si he planteado este hilo en el lugar adecuado y es correcto.
Gracias:

Código: [Seleccionar]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset="utf-8">
<html>
<head>
<title>CURIOSAS FOTOS DE ATLETA, BODA, ATARDECER Y MERCADO</title>
</head>
<body>
<em>Imagen que refleja una boda:</em>
<img src="http://www.todoboda.com/imagesRecursos/39210_laura.jpg" alt="imagen boda" width="200px" height="270px">
Imagen que refleja un atleta:
<img src="http://www.rfea.es/gifs/revista/revista2015/2015febreroG200.jpg" alt="imagen atleta" width="200px" height="270px">
<big>Imagen que refleja un atardecer:</big>
<img src="http://i.huffpost.com/gadgets/slideshows/300407/slide_300407_2515993_free.jpg" alt="imagen atardecer" width="200px" height="270px">
<strong>Imagen que refleja un mercado:</strong>
<img src="http://www3.terrassa.cat/files/11-8375-imagenRed/IMGP0751.jpg" alt="imagen mercado" width="200px" height="270px">
</body>
</html>

Ogramar · « **Respuesta #10 en:** 10 de Febrero 2015, 22:04 »

Hola, en este hilo se trata el ejercicio del curso HTML CU00714B, por tanto está bien planteado consultar aquí sobre este ejercicio.

1.¿no es posible dar color al texto y al fondo dentro de la etiqueta <title>?(con "bgcolor" y "text")

No es recomendable. Esto se debe hacer a través de CSS, que sería un curso que vendría después del curso de HTML.

2.pensé que al introducir la etiqueta "alt", se vería el texto introducido por mí al pasar el ratón por encima de las imágenes y por alguna razón que no encuentro, no es así.

Introduce el atributo title, por ejemplo title = "reflejo de una boda" para que se muestre como dices.

3.¿como se utiliza la etiqueta "align" con sus atributos? ¿es mejor no adentrarse en esta etiqueta por estar obsoleta?

No debes utilizarla por estar obsoleta. Sólo conocerla por si te la encuentras, pero no usarla.

Respecto al código: está todo bien. Sería bueno que introdujeras los textos dentro de etiquetas para que se generen saltos de línea, es decir, que se vea el texto y debajo la imagen.

Salu2!!!

SITOAPRENDIZ · « **Respuesta #11 en:** 11 de Febrero 2015, 12:27 »

Acabo de seguir tus indicaciones y todo correcto. Ahora se abre la página ordenada, como a mi me gusta. Muchísimas gracias por la ayuda.
Paso al siguiente capítulo CU00715B.

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

Noticias:

Autor Tema: EJERCICIO CU00714B curso html insertar imágenes en una página web (Leído 7542 veces)

borri_10

EJERCICIO CU00714B curso html insertar imágenes en una página web

Ogramar

Re:EJERCICIO CU00714B

borri_10

Re:EJERCICIO CU00714B

Ogramar

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

borri_10

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

Ogramar

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

Ogramar

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

borri_10

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

Ogramar

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

SITOAPRENDIZ

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

Ogramar

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

SITOAPRENDIZ

Re:EJERCICIO CU00714B curso html insertar imágenes en una página web

Preguntas y respuestas