Del curso: HTML esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 25.200 cursos impartidos por expertos del sector.

Etiqueta img para añadir imágenes en HTML

Etiqueta img para añadir imágenes en HTML - Tutorial de HTML

Del curso: HTML esencial

Etiqueta img para añadir imágenes en HTML

La etiqueta «img» en HTML se utiliza para insertar imágenes en una página web. La sintaxis básica de esta etiqueta es «img» y necesita siempre incluir el atributo «src», ya que este indicará la ruta y nombre de la imagen que queremos mostrar. En nuestro ejemplo, tenemos una imagen preparada en la ruta y en la misma carpeta de nuestro documento HTML. Por lo tanto, podremos indicar solamente el nombre. Si quieres añadir una imagen de cualquier otra ruta, tienes que incluir toda la ruta completa del dispositivo y, si quieres, también puedes utilizar imágenes de sitios web añadiendo la URL de la imagen. Una vez añadida, cerramos la etiqueta y ya podemos previsualizarla en nuestro navegador. Recuerda que esta etiqueta es de auto cierre, lo que significa que no tendrá una etiqueta de cierre. Una vez añadas una imagen con esta etiqueta, puedes personalizarla a partir de diferentes propiedades o atributos. Por ejemplo, puedes indicarle un tamaño de altura y anchura. Vamos a indicarle una…

Contenido