Cómo alinear texto y las imágenes en HTML

Cualquiera puede dominar la programación HTML básico. Si usted está de blogs o escribiendo en línea usando un panel de control que no tiene un editor de texto visual o Rich, que tendrá que tomar el tiempo para aprender los comandos básicos de HTML. Alineando el texto y las imágenes es bastante simple. Aprender las reglas y copiar / pegar el código necesario en un archivo RTF en el escritorio para el uso rápido.

Instrucciones

Alineación de texto en HTML

1 El código para alinear el texto en formato HTML para un puesto o una sola página es <P ALIGN = dirección>. Al colocar este código en la página, sólo tiene que poner el lugar donde quiere que el texto se justifica en donde dice "dirección" en el código de ejemplo anterior.

2 Si está editando en CSS y hacer un cambio estático en la alineación del texto en una página web, el código tiene que utilizar es la siguiente:

<STYLE type = "text / css">

<! -

.direction {text-align: dirección}

->

</ Style>

Una vez más, tendrá que sustituir la palabra "dirección" con el lugar donde desea que el texto alineado. A la izquierda, derecha y centro son sus opciones.

3 Copiar estos códigos en un archivo RTF en el escritorio de su computadora para una fácil referencia.

Alineación de imágenes en HTML

4 Alineación de imágenes es un poco diferente de la alineación del texto. Es necesario tener el archivo de imagen disponible en línea en algún lugar o tener un cliente de subida en su página web para poder publicar fotos en línea. Una vez que tenga una URL para el jpeg, Giff o PNG para la foto, se puede alinear de manera bastante simple mediante el uso de esta etiqueta:

<IMG SRC = "URLof Foto" ALT = "Descripción de la foto" ALIGN = DIRECCIÓN>

Vuelva a colocar la información en las comillas con la dirección URL de la foto, una descripción de la foto (diferente de un pie de foto) y la dirección en la que desea que el texto alineado alrededor de la foto. Sus opciones para la alineación a la izquierda, derecha, centro, arriba y abajo.

5 Alineación de imágenes en CSS es similar, pero el código es ligeramente diferente:

<Img alt = "Mi Imagen Descripción" class = "align-dirección" />

6 Copiar estos códigos en un archivo RTF en su escritorio para una fácil referencia.

Consejos y advertencias

• También puede considerar la creación de un borde alrededor de las fotos mediante el uso de valores de "flotar".
• Experimento con HTML y vista previa a medida que trabaja en su sitio web para ver lo que funciona para su propia estética y lo que no.