Lección 3: Añadir imágenes en HTML5

En esta lección vamos a ver lo sencillo que resulta añadir imágenes a una página web html5. Para ello partiremos del fichero hola Mundo.html con el que hemos ido trabajando en las lecciones anteriores y le añadiremos cualquier imagen que os apetezca añadir.

  1. Coge una imagen y guárdala en la misma ubicación donde tengas el fichero “holaMundo.html”. Ponle como nombre “imagen.jpg” o “imagen.png”, dependiendo de la extensión que tenga la imagen.
  2. Añade la siguiente etiqueta dentro del cuerpo de la página (es decir, entre las etiquetas <body> y </body>).
  3. Guarda el archivo y actualiza la página. Verás como tu imagen ya aparece. Así de fácil!!

En nuestro caso hemos cogido el logo de esta misma página web y lo hemos añadido. Como veis, aparece a continuación del texto “Hola mundo!”.

imagenes-html5

You may also like...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *