Tecnología

Inicio

Cómo hacer una línea vertical con HTML

Aunque la creación de una línea horizontal en un documento de lenguaje de marcado de hipertexto es tan fácil como colocar una pequeña etiqueta en el código HTML, el mismo no es cierto para las líneas verticales. Con el fin de crear una línea vertical, se debe crear una tabla HTML completo y manipular los bordes de la mesa de modo que un lado aparece como una línea vertical. Al hacer una línea vertical requiere más trabajo que hacer una línea horizontal, hacerlo en cuestión de unos pocos minutos.

Instrucciones

1 Ingrese a su servidor Web.

2 Sube una imagen de una línea vertical que ha creado en un programa de gráficos como Microsoft Paint, Adobe InDesign, Adobe Photoshop, Adobe Illustrator u otro programa. El proceso para cargar una imagen varía en función de su servidor Web específico, pero por lo general incluye que hacer clic en un botón o "Añadir". Después de subir la imagen, el servidor Web le proporcionará una ruta de archivo de la imagen. Copia esta ruta de archivo.

3 Abra la página HTML en la que desea que aparezca de la línea vertical.

4 Inserte el siguiente código HTML en la página:

<Table cellpadding = "2" width = "200">

<TR>

<TD>

<IMG SRC = "http://www.yoursite.com/line.jpg" width = "2" height = "100">

</ TD>

</ TR>

</ TABLE>

5 Reemplazar "http://www.yoursite.com/line.jpg" con la ruta del archivo que ha copiado en el paso 2.

6 Publicar la página.