Autor Tema: Ejercicio curso HTML (CU00714B) insertar imágenes en una página web width height  (Leído 3233 veces)

Dan_SB

  • Avanzado
  • ****
  • Mensajes: 273
  • *<DanielsCK>*
    • Ver Perfil
Buenas noches!

Vengo a resolver el siguiente ejercicio del capitulo 14° del curso (html desde cero), el enunciado es así:
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.

Bien, aqui mi codigo!:

Código: [Seleccionar]
<html>
      <head>
    <meta charset="utf-8">
    <title>Los carros soñados de Dan</title>
      </head>
      <body>
    <p>1. Chevrolet Camaro.</p>
<img class="irc_mi" style="margin-top: 0px;" src="http://autos.starmedia.com/imagenes/2013/10/Chevrolet-Camaro-2014-en-M%C3%A9xico-Precios-y-detalles.jpg" width="729" height="410">
<p>2. Mini Cooper.</p>
<img class="irc_mi" style="margin-top: 0px;" src="http://gas2.org/wp-content/uploads/2013/11/001-2015-mini-cooper-hardtop-1.jpg" width="729" height="410">
<p>3. Mazda Speed 6.</p>
<img class="irc_mi" style="margin-top: 0px;" src="http://o.aolcdn.com/dims-shared/dims3/GLOB/legacy_thumbnail/750x422/quality/95/http://www.blogcdn.com/www.autoblog.com/media/2010/11/03-mazda-shinari-la-2010.jpg" width="729" height="410">
<p>4. Cadilac Escalade.</p>
<img class="irc_mi" style="margin-top: 0px;" src="http://www.cadillac.com.mx/content/dam/Cadillac/northamerica/mexico/nscwebsite/es/home/Vehicles/Current_Vehicles/Escalade%202015/Model_Overview/01_images/Exterior/2015-cadillac-escalade-platinum-future_vehicle-overview-exterior-2-960x540.jpg" width="729" height="410">
      </body>
</html>

Coloque la resolución de imagen igual en todas las fotos para que se vea en orden. Se deberia ver asi:




Interesante... ademas de que ya saben que darme para cumpleaños jajaja (Ok no  ::) )

Saludos
« Última modificación: 21 de Abril 2015, 10:02 por Alex Rodríguez »
"Luchar por tus sueños y cumplirlos... eso es vivir.."

javi in the sky

  • Avanzado
  • ****
  • Mensajes: 393
    • Ver Perfil
Re:Ejercicio (CU00714B), Usando la etiqueta img!
« Respuesta #1 en: 21 de Abril 2015, 09:45 »
Hola Dan del código todo correcto y de los coches yo me quedo con el Chevrolet Camaro, ya sabes, si te toca la lotería me lo envías por correo.

Saludos!!

 

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