Tecnología

Inicio

Cómo alinear gráficos y texto en HTML

February 26

Para una página web para su mejor apariencia, el texto y los gráficos tienen que estar en los lugares correctos. HTML permite colocar estos elementos en diferentes formas, utilizando el atributo "align". Tenga en cuenta, sin embargo, que los "Align" atributos de diversas etiquetas HTML están en desuso. En otras palabras, han sido reemplazados por nuevos mejores códigos, que son HTML o CSS y no son compatibles con estricta Declaración de tipo de documento (DTD). Tenga esto en cuenta si usted quiere que su sitio cumple con los últimos estándares de codificación.

Instrucciones

gráficos Alinear

1 Abrir una página web en un editor de texto o HTML. Haga clic en cualquier lugar que desee insertar un gráfico. Escriba el siguiente código donde "imagen.jpg" es el nombre y la ubicación del archivo y "Nombre de imagen" es un texto alternativo para la imagen:

<Img alt = "Imagen Nombre" />

2 Añadir el atributo "align" en la etiqueta de imagen. Utilice ya sea "arriba", "abajo", "izquierda", "derecha" o "medio". Elija la posición que desea para la imagen en relación con los elementos que lo rodean (como texto). Por ejemplo, si desea que el gráfico para alinear a la parte inferior de un texto, elegir la opción "fondo". El código debería ser similar al siguiente:

<Img alt = "Nombre de imagen" align = "inferior" />

3 Guardar la página Web utilizando el editor de texto o HTML. Después de guardar, previsualizar el archivo en un navegador web.

Texto alineado

4 Abrir una página web en un editor de texto o HTML. Introduzca el texto que aparecerá en la página. Añadir etiquetas apropiadas en el texto, como <h1> para la cabecera principal, <p> En un párrafo, <div> para una sección y así sucesivamente.

5 Añadir el atributo "align" dentro de la etiqueta HTML que desea alinear. Por ejemplo, si se trata de una cabecera, el código será similar a la siguiente:

<H1 align = ""> Cómo alinear texto con HTML </ h1>

6 Introduzca el tipo de alineación. Para el texto, utilizar el "derecho", "" centro "" hacia la izquierda o "justificar ..." El código debe ser similar a este ejemplo:

<H1 align = "center"> ¿Cómo alinear el texto con HTML </ h1>

7 Guardar la página Web en el editor. Vista previa en un navegador web y hacer los cambios necesarios.

Consejos y advertencias

  • Utilice hojas de estilo CSS para especificar la alineación en lugar de etiquetas HTML. Si lo hace, sería más fácil para que usted pueda realizar cambios en el formato más adelante.
  • Al hacer una DTD (Document Type Declaration,) no utilice HTML "estricta" 4.01 o XHTML "estricta" 1.0. Estos atributos no son compatibles en desuso y un navegador web serían incapaces de representar la página correctamente.