diseñadores de páginas Web con experiencia saben que la división de grandes bloques de texto en secciones o columnas más pequeñas hace que sean más fáciles de leer. Simplemente dejar el espacio en blanco entre bloques de texto pueden llevar a confusión al colocar el material relacionado en una sola página. Adición de líneas para dividir los bloques de texto o contenido permite a un diseñador web para dar una guía visual para los visitantes del sitio. Las líneas también hacen que incluso, sitios web de sólo texto sin formato más atractivo. HTML tiene una simple función nativa para dibujar líneas horizontales en una página; Sin embargo, las líneas de división verticales requieren un poco más de trabajo.
Instrucciones
Linea horizontal
1 Abra el archivo HTML con un editor de texto o HTML. Busque la sección de texto en el que desea colocar la línea.
2 Introduzca el código "<hr>" - sin las comillas - y guardar el archivo. Esta es la etiqueta HTML para una regla horizontal. La colocación de esta etiqueta en el código HTML de la página indica al navegador que trazar una línea en la que se encuentra la etiqueta.
3 Abra un navegador e inspeccionar los resultados del cambio de código.
Linea vertical
4 Abra un editor de imágenes. Microsoft Paint se incluye con el sistema operativo Windows. Utilizar este o el editor de imagen de su elección. Crear una imagen en su color preferido es que dos píxeles de ancho y dos píxeles de alto. Guardar esta imagen en el mismo directorio que el código HTML, con el nombre "vertical_line.gif" - de nuevo, sin las comillas.
5 Abra el archivo HTML con un editor de texto o HTML. Busque la sección de texto en el que desea colocar la línea.
6 Inserte el código <IMG SRC = "vertical_line.gif" width = "2" height = "200" border = "0">. Esto crea una línea vertical de dos píxeles de ancho y 200 píxeles de alto en la página.
7 Abra un navegador e inspeccionar los resultados del cambio de código.
Consejos y advertencias
- modificadores opcionales están disponibles tanto para la <h> y <imagen> etiquetas, lo que le permite cambiar la longitud, la anchura y la colocación de estas líneas.
- No hay un equivalente vertical en HTML para la etiqueta de la barra horizontal, a fin de utilizar la etiqueta de imagen junto con una pequeña imagen que se puede repetir para formar una línea continua.
- Desde la línea vertical es tratado por HTML como una imagen, utilice las opciones de ajuste de texto cuando se coloca una línea vertical inmediatamente a cada lado de una columna de texto.
- Cuando sea posible, probar todo el código nuevo en los navegadores populares. Firefox, Internet Explorer, Chrome y otros navegadores interpretan HTML en ligeramente diferentes ya veces sorprendentes maneras. Viendo el nuevo código en todos los principales navegadores le dará una idea de lo que sus visitantes están viendo.