Imágenes (Lenguaje de Marcas)

Los archivos de imagen se pueden añadir a un documento XHTML, HTML... Los más usados son .jpg, .png, .gif....

ETIQUETA IMG:

Para añadir imágenes a un documento se utilitza la etiqueta (sin almohadillas): <#img/>( <#img sin la etiqueta final se cierra así />). Por ejemplo:

<#img src= "dirección donde se encuentra la imagen" alt="texto descriptivo"/>

<#img src="imagenes/imagen3.jpg" alt="imagen3"/>

Como dirección se pone la ruta relativa o ruta absoluta. Además hemos de insertar la etiqueta <#img> dentro de un parágrafo (<#p>) o una capa (<#div>),encabezado(<#h1>),celda de una tabla(<#td>) o similares para que no nos de error.

Se le puede configurar un tamaño de altura y ancho. Con Height y Width, siempre dado en pixeles su tamaño.Se configura dentro del STYLE. Por ejemplo:

<#style type=text/css> #img {height:"380", width:"250"}

También se suele hacer uso de inserción de imágenes por hipervinculo. En vez de un texto , se puede hacer servir una imagen como origen de un hipervinculo. Por ejemplo: (sin almohadillas)

<#a href="direccion1">

<#img src="direccion2" alt= texto descriptivo>

<#/a>

Donde dirección1 es la dirección - relativa o absoluta del documento de destino y dirección2 es la dirección relativa o absoluta de la imagen.