Tecnología

Inicio

Cómo envolver texto alrededor de una imagen en HTML

Al ajustar el texto alrededor de una imagen página Web, que la posición de los datos para que aparezca junto al borde de la imagen. De lo contrario, la fotografía muestra por sí mismo y su contenido es por lo general por encima o por debajo de la gráfica. Adaptación de texto de le permite hacer un mejor uso del espacio en la página y proporciona una manera de presentar su contenido y la imagen asociada juntos. Mediante el uso de código de lenguaje de marcado de hipertexto (HTML) y su programa editor de texto, ajustar el texto alrededor de las imágenes.

Instrucciones

1 Abrir su programa editor de texto y abra el archivo HTML que contiene una imagen.

2 Localiza código fuente de la imagen de la foto en el documento. Un código de imagen típica es el siguiente:

<Img />

3 Coloca el cursor dentro de la línea de código y escriba "align =" con un conjunto de comillas después del signo igual. Por ejemplo:

<Img align = "" />

4 Introduzca una de las siguientes posiciones entre comillas del descriptor align: izquierda, derecha, arriba, en medio y al final. Cada posición designa en la que aparece la imagen en relación con el texto. Por ejemplo, la posición de "derecha" coloca su imagen a la derecha y el texto se ajusta alrededor de la imagen de la izquierda. Escriba el código de la siguiente manera:

<Img align = "right" />

5 Guarde el archivo. Haga clic en el menú "Archivo" en un navegador Web y seleccione la opción o en "Open" "Abrir archivo" para previsualizar el texto ajustado.