FANDOM


HTML
Como en toda página web no pueden faltar las imágenes, nosotros veremos unas etiquetas que son útiles para insertar imágenes como son:
<img src="Ruta de la imagen/imagen.jpg"/>

Como pueden ver aquí no se utiliza una etiqueta de cierre de hecho / actúa como el cierre de la etiqueta.

BordesEditar

Los bordes se utilizan de esta forma:

<img src="Ruta de la imagen/imagen.jpg" border="2px"/>

Ancho y altoEditar

El ancho se designa de esta forma:

<img src="Ruta de la imagen/imagen.jpg" width="300px" height="300px"/>

Siendo width el ancho y height el alto.

Texto AlternativoEditar

<img src="Ruta de la imagen/imagen.jpg" alt="Mensaje alternativo"/>


EjemploEditar

<img src="ruta de la img/imagen.jpg" border="2px" width="500px" height="500px" alt="Ejemplo"/>

Claro debes poner la dirección de tu imagen si esta en otro directorio o sino solo el nombre de la imagen si esta en el mismo directorio.

Anterior HTML/Lección 5 Siguiente HTML/Lección 7