La etiqueta Html de Imagen

Etiqueta de imagen

La etiqueta para las imágenes es <img ............ >, todo lo demás que va dentro son detalles que se le añaden y que son necesarios (todos).

Esta etiqueta es algo especial, pues así como las etiquetas de párrafo y de títulos (y muchas otras que hemos visto) necesitan obligatoriamente de su correspondiente etiqueta de cierre, la etiqueta de imagen no tiene etiqueta de cierre. Es decir, con las imágenes no se hace esto:

<img>imagen</img>

sino esto otro:

Y ahora veamos el resto de propiedades que se le colocan dentro a esa etiqueta.

Si estabas familiarizado con XHML (en el que las etiquetas que no tenian la correspondiente etiqueta de cierre se colocaban con la barrita de cierre al final de la etiqueta de apertura), has de saber que en Html5 no es preciso añadir esa barrita de cierre en las etiquetas que solo tienen apertura. Si la colocas el código se puede validar igualmente para Html5, pero no es obligatoria. Nosotros no vamos a usarlas en estas lecciones ya que Html5 no las requiere, pero como te digo, si las usas no pasaría nadamalo.