Tecnología

Inicio

Cómo crear una línea vertical en tu página web

Cómo crear una línea vertical en tu página web


Muchos sitios web dividen su contenido en columnas y los dividen con líneas verticales. A diferencia de una línea horizontal, que se puede insertar usando un "<hr>" código HTML estándar, las líneas verticales tienen que ser manipulado de una pequeña caja de color que se puede estirar y alargada en una línea. Del mismo modo, dibujar una línea vertical entre los textos mediante la creación de una mesa con una sola línea vertical visible.

Instrucciones

1 Login al sistema de gestión de contenidos de su sitio web, o poner en marcha el software de diseño de sitios web de su PC. Microsoft FrontPage debe ser programa predeterminado de su PC.

2 Cargar una página web existente en FrontPage haciendo clic en la opción de menú "Archivo" y seleccionando la opción "Abrir" en el menú desplegable. Crear una nueva página haciendo clic en el botón "Crear una nueva página" en la barra de herramientas principal, que está simbolizado por la imagen de un documento en blanco blanco.

3 Navegar a las páginas Web en su sistema de gestión de contenido haciendo clic en el nombre de la página. Todos los sistemas deben tener un botón de "HTML" por encima de cada ventana de diseño de mensajes o página. Haga clic en él para revelar el código HTML básico de la página web.

4 Hacer una línea vertical independiente creando en primer lugar una imagen de píxeles "2 x 2" de un color que usted quiere que su línea sea. Guardar la imagen como un "imagen.gif" en la base de datos de la página Web antes de entrar en el siguiente código HTML en la barra de:

<IMG SRC = "imagen.gif" width = "2" height = "200" border = "0">

Alterar los valores de "altura" "ancho" y para cambiar la longitud y el grosor de la línea.

5 Inserte una línea vertical en el medio de texto utilizando el código siguiente:

<Table cellspacing = frontera "5" = "0" cellpadding = "0">

<Tr valign = "top" align = "left">

<Td width = "300"> <p> El contenido de la página principal aquí </ p> </ td>

<Td width = "1" bgcolor = "# 00FFFF"> <BR> </ td>

<Td width = "150" valign = "top" align = "left">

<P> izquierda bla </ p>

<P> derecho blahright blahright bla </ p>

</ Td>

</ Tr>

</ Table>

Este código crea una tabla sin fronteras, a excepción de la línea en el medio, lo que debería ser una línea vertical continua. Aumentar el grosor de esta línea mediante la ampliación del número en el "<td width =" 1 ">" Valor - cambiar el texto a ambos lados de la línea vertical mediante la sustitución del "bla izquierda" y "campos bla derecha" para su propia texto personal.

Consejos y advertencias

  • Añadir más texto en los lados derecho o izquierdo de la línea vertical separando cada punto con un "." Asegúrese de que no hay espacios entre los códigos del "" texto y.

Artículos relacionados