Cómo insertar imágenes en XHTML

XHTML tiene una sintaxis más estricta que el HTML. A diferencia de HTML, XHTML todas las etiquetas deben estar debidamente ordenados, cerrados y se escriben en minúsculas. Cumplir con estos requisitos al insertar una imagen en un documento XHTML. También aprender a utilizar los atributos de la imagen correctamente. El uso indebido de las imágenes y sus atributos puede pasar por válidos incluso bajo estrictos estándares XHTML, sin embargo, puede tener resultados incómodas. Siempre una vista previa de sus páginas web en los navegadores web para asegurarse de que lograr la apariencia que desea.

Instrucciones

1 Abra el documento XHTML en un editor de texto. Desplazarse por la página XHTML para la que desea insertar una imagen.

2 Introduzca la etiqueta de elemento de imagen o etiqueta IMG con los atributos "src" y "alt". Llene todos los caracteres en minúsculas:

<Img alt = "">

3 Introduzca los valores de los atributos XHTML. El atributo "src" debe contener la fuente o la ubicación de la imagen:

<Img alt = "">

4 Escriba una etiqueta de texto para la imagen en el "alt" si desea que un texto alternativo que aparezca en caso de que no se muestra la imagen (por ejemplo, si el navegador del usuario tiene imágenes desactivada). Deje el espacio en blanco "alt" para los artículos decorativos como balas:

<Img alt = "XHTML">

5 Añadir una barra inclinada o "/" al final de la etiqueta de la imagen:

<Img alt = "XHTML" />

Si se olvida de añadir este carácter, el código será válido de acuerdo con los estándares XHTML.

6 Añadir la anchura y la altura de los atributos si se desea. El ancho dirá un navegador web el ancho de la imagen es; la altura describe la altura que es:

<Img alt = altura "XHTML" = "115" width = "125" />

7 Guarde el documento XHTML. Subir a su sitio web utilizando la herramienta de carga de archivos de su proveedor de alojamiento web o un cliente FTP. Ver la página web con un navegador web para comprobar que la imagen se visualiza correctamente.

Consejos y advertencias

• Utilizar un validador de código XHTML para comprobar su código de errores (ver Recursos).