HTML/XHTML.

Instrucciones:

Realiza un reporte investigando el uso de las imágenes mapeadas en HTML/XHTML. En tu reporte también entrega un código que sirva como ejemplo para demostrar lo investigado acerca de este tema.

Cuida tu ortografía e indica las referencias bibliográficas utilizadas en formato APA. Utiliza al menos 1 referencia de la Biblioteca Digital.

Extensión mínima de 2 cuartillas, sin un límite máximo.

Procedimiento:

1. Investigue información relacionada con el tema en las fuentes bibliográficas, mencionadas en el trabajo.

2. Reflexione cada una de la preguntas que se me fue haciendo en la actividad, y esto me permitió comprender de manera concreta el tema.

3. Los resultado los determine en base a la información adquirida

Resultados:

Imágenes en páginas webs.- permite crear mejores diseños para nuestra página, gracias a todos los elementos que conforman un código, nos ayuda a enfatizar un estilo propio que deseemos.

Insertar imágenes páginas web.- son especiales dentro de un grupo de elementos en línea, pero que a su vez también no puede contener nada declarándose vacio con “EMPTY”.

Los atributos que contiene su códigos son; SRC y ALT.

SRC indica la dirección específica de la imagen, es decir, la URL. ALT indica un texto alternativo cuando no se puede presentar la imagen o cuando se usa en navegadores no visuales.

Se recomienda usar estilos para conseguir el mismo efecto para DTD de XHTML estricto y DTD XHTML transicional.

Algunos atributos transicionales que existen o que podemos ocupar son;

 <img align>

 <img border>

 <img hspace>

 <img vspace>

En algunas versiones de HTML ya se incluye un nuevo atributo como lo es <object>, que permite unificar recursos como imágenes, aplicaciones y documentos HTML.

Ejemplo de un código de imágenes para una página web. Utilizando alineaciones, tamaño de imagen, ubicación y uso de texto.

<img src="ejemplos/imagen/imagen_4.jpg" align="left" alt="imagen_4"

alt="imagen_4" width="108" height="75" />

<img src="ejemplos/imagen/imagen_2.jpg" align="right" alt="imagen_2"

width="120" height="156" />

<p> Primer párrafo. </p>

<br clear="left" />

<p>Segundo párrafo. </p>

...