Tecnología

Inicio

Cómo activar Ajustar texto en HTML

En la programación HTML cuando se pone una imagen en una página web, de forma predeterminada, cualquier texto se pone al lado de la imagen sólo se ejecutará hasta el final de la línea y luego continuar por debajo de la imagen. Esto puede terminar encima de parecer incómodo, especialmente si usted tiene una imagen de gran tamaño. Usar estilos de imagen para ajustar el texto alrededor de la imagen, y la alineación de la imagen en el lado izquierdo o derecho del texto. Tiene dos opciones para programar esta, ya sea en la propia página HTML, o el uso de una hoja de estilo en cascada.

Instrucciones

HTML

1 Abra el documento HTML en el que desea ajustar el texto. Insertar el cursor donde desea añadir una imagen.

2 Escribe lo siguiente para insertar una imagen en el lado derecho y hacer el ajuste de texto alrededor de ella a la izquierda:

<Img style = "float: right">

Cambiar la "imagen" de la ruta de acceso al archivo de imagen. Cambio "derecho" a la "izquierda" para colocar la imagen a la izquierda del texto.

3 Guarde el archivo HTML y subirlo a su servidor.

CSS

4 Abra su archivo CSS.

5 Escribe lo siguiente para crear dos nuevas clases por un imágenes que desea ajustar el texto en torno a:

img.leftFloat {float: left; }

img.rightFloat {float: right; }

6 Abrir un documento HTML. Insertar el cursor donde desea agregar una imagen y hacer que el texto se ajuste alrededor de ella.

7 Escribe lo siguiente para insertar una imagen en el lado derecho y hacer el ajuste de texto alrededor de ella a la izquierda:

<Img class = "rightFloat">

Cambiar la "imagen" de la ruta de acceso al archivo de imagen. Cambio "rightFloat" a "leftFloat" para colocar la imagen a la izquierda del texto.

8 Guarde el archivo CSS y el archivo HTML. Sube tanto a su servidor Web.