Cómo colocar texto HTML alrededor de una imagen

Sitios web que publican artículos en línea a menudo siguen el diseño de una revista o un periódico, donde se ajusta el texto alrededor de una imagen situada en el lado izquierdo o derecho de la pantalla. A pesar de la posición por defecto del texto alrededor de la imagen insertada en una página Web es en la parte inferior, se puede establecer Características de la imagen en HTML para permitir que el texto se ajuste alrededor de ella. Esto puede hacerse mediante la adición de una propiedad en su etiqueta de imagen HTML con un editor de texto o software de edición de HTML.

Instrucciones

1 Crear un nuevo archivo usando un editor HTML como FrontPage o Dreamweaver o un editor de texto como el Bloc de notas.

2 Insertar una imagen utilizando las herramientas de edición de HTML. Si está usando un editor de texto, insertar una imagen escribiendo el siguiente código HTML:

<Img src = "yourimage.jpg">

Reemplazar "yourimage.jpg" con el nombre del archivo de imagen.

3 Editar el código HTML para la etiqueta <img> y agregue la propiedad de alineación. Por ejemplo, si desea alinear la imagen izquierda, introduzca el código HTML siguiente:

<Img align = "left">

4 Añada su texto junto a la imagen.

5 Guardarlo como un archivo HTML.

6 Abra el archivo HTML en un navegador Web para ver su imagen envuelta alrededor del texto.

Consejos y advertencias

• La mayoría de los editores de HTML disponen de herramientas que le permite establecer las propiedades de la imagen, como la alineación de la imagen que cambia automáticamente el código HTML. Consulte la documentación de su software de edición de HTML para averiguar qué tipo de características permite editar fácilmente una imagen insertada.