Insertar imágenes en una página web con el código Html correcto

Ya sabemos el codigo Html5 correcto para añadir párrafos y titulares en una web. Ahora aprenderemos a escribir el código Html5 para la inserción de imágenes.

Las imágenes son un elemento más en las páginas web y aunque adornan (y tendría que decirte que los adornos son cosa del CSS) hay que añadirlos en el Html de las páginas, salvo algunas excepciones, como es el caso de las imágenes de fondo que sí que irán en el CSS. Si te estás liando ;=) simplemente sigue leyendo, aprende a colocar imágenes y ya nos aclararemos más más adelante.

Seré capaz de terminar esta parte con Carlitos rondándome? Es que no se cansa nunca de comer pipas? Claro, si se las pelo yo, cómo se va a cansar. En fin, intentemos seguir.... je je je.

El código Html5 correcto para insertar una imagen en una página web es este:

Un poco largo quizás? je je je. En cuanto añadas unas pocas imágenes se te queda en la memoria, seguro. Te explico cada cosa rara de esa línea, verás como todo tiene su sentido.

Las imágenes, definidas como vemos con la etiqueta img, las relacionaremos bastante con las nuevas etiquetas de Html5 <figure>, <figcaption> y/o <aside>, pero eso lo veremos en páginas posteriores, no ahora.