Cómo utilizar espaciadores invisibles para los sitios web

September 6

Hypertext Markup Language es un código de programación a menudo referido como HTML. Es el lenguaje básico que se utiliza para diseñar páginas Web. Cuando un navegador muestra una página diseñada en HTML, que aplasta a todos los elementos juntos en la parte superior ya la izquierda de la ventana del navegador. Para difundir los elementos a cabo, un diseñador debe añadir espaciadores. Estos elementos invisibles fuerzan el navegador para agregar espacio vacío entre los elementos, se presentan de una manera más atractiva.

Instrucciones

Espacio irrompible

1 Abra el archivo HTML de la página Web en un editor de texto o HTML.

2 Ir al área en la que desea añadir un espaciador.

3 Introducir el código para agregar un espacio único, similar a la creada por la barra espaciadora.

4 Añadir etiquetas adicionales para cada espacio que se desea crear. Por ejemplo, "espacio amplio" dará lugar a las palabras "Ancho" y "Espacio", separados por cinco espacios.

Los separadores verticales HTML

5 Abra el archivo de página web e ir a la zona en la que desea insertar un espaciador.

6 Agregue el código para crear una línea de espacio en blanco entre bloques de contenido, similar a doble espacio en un documento.

7 Añadir entre etiquetas para aumentar aún más el espacio vacío. Por ejemplo, "Tall Espacio" dará lugar a

Alto

Espacio

GIF invisible

8 Abra un programa de edición de imágenes como Adobe Photoshop, GIMP o Pixia.

9 Crear una imagen que es de 1 píxel de ancho y 1 píxel de altura, con un fondo transparente.

10 Guarda la imagen como "spacer.gif" y subirlo a su servidor Web.

11 Abra el archivo Web que desea modificar y vaya a la zona en la que desea un espaciador.

12 Inserte el código <img height = "1" width = "1">.

13 Ajustar la configuración de altura y anchura al tamaño del espaciador deseado, en píxeles.

14 Añadir el modificador align = "top", align = "inferior", align = "right" o align = "left", si se desea. Esto establecer la alineación del espaciador sobre la base de los elementos circundantes. Por ejemplo:

15 Utilizar el mismo código con diferentes posiciones de altura y anchura siempre que se necesite un espaciador.

Consejos y advertencias

formas más antiguas de HTML que se utiliza un código llamado <separador>, que funcionaba de manera similar al GIF transparente. Este código se ha depreciado y no está soportado en muchos navegadores modernos.