HTML Parte 3
En esta nueva entrada del blog vamos a ver como se ponen imágenes. Para ello. Si queréis ir donde yo he aprendido HTML y tener más información podeis ir a
https://openclassrooms.com/en/courses/3339201-aprende-a-crear-tu-propio-sitio-web-con-html5-y-css3/3340308-imagenes.
Aquí os hago un resumen sobre los aspectos más relevantes sobre las imagenes en HTML:
Hay varios formatos de imagen para su uso en la red:
https://openclassrooms.com/en/courses/3339201-aprende-a-crear-tu-propio-sitio-web-con-html5-y-css3/3340308-imagenes.
Aquí os hago un resumen sobre los aspectos más relevantes sobre las imagenes en HTML:
Hay varios formatos de imagen para su uso en la red:
Existen varios formatos de imagen apropiados para su uso en
la Red:
-JPEG: para fotos;
-PNG: para todas las demás ilustraciones;
-GIF: similar a PNG, con un número de colores más limitado,
pero puede ser animado.
Las imágenes se insertan con la etiqueta
<img />
. Debe
incluir al menos dos atributos: src
(nombre
de la imagen) yalt
(descripción
corta de la imagen).
Si una imagen ilustra el texto (y no tiene una finalidad
simplemente decorativa), es mejor ponerla dentro de una etiqueta
Aqui os dejo el resultado de mi trabajo final de HTML con todo lo que he aprendido, desde lo más básico de textos, pasando por los enlaces, y finalizando con las imágenes.
Este es el código de HTML:
<figure>
. La
etiqueta<figcaption>
se
utiliza para introducir la leyenda de la imagen.Aqui os dejo el resultado de mi trabajo final de HTML con todo lo que he aprendido, desde lo más básico de textos, pasando por los enlaces, y finalizando con las imágenes.
Este es el código de HTML:
Ahora os dejo como quedaría la página web en la realidad, ya vereis como está muy chula
Comentarios
Publicar un comentario