Descripción
El elemento img nos sirve en HTML para poder insertar imágenes dentro de nuestra página web.
Sintaxis
<img/>
Atributos
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Alto y ancho de una imagen</title>
</head>
<body>
<h1>Alto y ancho de una imagen</h1>
<img width="50" height="50" src="lineadecodigo.jpg"/>
<img width="100" height="100" src="lineadecodigo.jpg"/>
<img width="200" height="200" src="lineadecodigo.jpg"/>
</body>
</html>
Artículos
- Alto y ancho de una imagen con HTML
- Calcular el numero de imágenes con JavaScript
- Cambiar el tamaño de la imagen de forma dinámica
- Combos con imágenes
- Crear un thumbnail
- Definir el tamaño de una imagen con CSS
- Descargar un Canvas a una imagen con HTML5
- Exportar el contenido de un Canvas HTML5 a una imagen
- Icono en la barra de navegación
- Identificar unívocamente un elemento HTML
- Imagen a pantalla completa con HTML5
- Imagen con áreas enlazables
- Imagen con enlace en HTML
- Tablas HTML con imágenes
- Tooltip, texto al pasar sobre una imágen
- Vídeo Imágenes en HTML
- Vídeo sobre cómo insertar imágenes en HTML
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.