Tecnología

Cómo crear una línea horizontal en HTML

Escrito por eric tilden | Traducido por maría j. caballero
Cómo crear una línea horizontal en HTML

Captura de pantalla de una página web completa.

Las líneas de regla horizontales permiten al editor web separar las distintas áreas de la página web en pequeñas secciones digeribles, centrando así al usuario para que se enfoque en lo que el editor Web ha presentado. A diferencia de la etiqueta subrayada , la regla horizontal no está vinculada al texto por encima o por debajo de ella. También puede ser colocada a la izquierda, a la derecha o en el centro y puede ser de cualquier color, ancho o altura que el editor Web elija. En este tutorial se explica cómo crear una línea horizontal, marrón, gruesa y alineada a la izquierda que separa el encabezado principal del cuerpo restante del documento, que está en blanco.

Nivel de dificultad:
Moderadamente fácil

Necesitarás

  • Editor de texto, como el Source Edit (ver Recursos)
  • Software para cargar documento, como FileZilla (ver Recursos)
  • Espacio en el servidor

Lista completaMinimizar

Instrucciones

  1. 1

    Escribe lo siguiente entre las etiquetas <body> </ body>, como se muestra: <h1> Mi documento </ h1> Establece un título al documento, utilizando as etiquetas de título <h1> </ h1>. Esta etiqueta advierte a los motores de búsqueda que las palabras entre estas etiquetas son las más importantes en la página. Este encabezado será el título de la página web, dando sentido a la utilización de una línea horizontal.

  2. 2

    Escribe la etiqueta de regla horizontal, como se muestra a continuación: <hr /> La etiqueta de regla horizontal no tiene una etiqueta de cierre. Incluye un espacio y una barra diagonal antes del signo mayor que.

  3. 3

    Agrega el atributo "align" y ponlo igual a "left", como se muestra: <hr align="left" />

  4. 4

    Agrega el atributo "size" y ponlo igual a "4", como se muestra a continuación: <hr align="left" size="4" /> El valor del atributo "size" determina el grosor de la línea, que se mide en píxeles.

  5. 5

    Añade el atributo "width" y ponlo igual a "370", como se muestra a continuación: <hr align="left" size="4" width="370" /> El valor del atributo "width" determina el largo de la línea, medido en píxeles.

  6. 6

    Añade el atributo "color" a la etiqueta de regla horizontal y ponlo igual a "maroon", como se muestra: <hr align="left" size="4" width="370" color="maroon" /> El color de esta etiqueta puede ser cualquier color estándar o hexadecimal que elijas. Precede el color hexadecimal con un signo "#".

  7. 7

    Guarda y carga el documento en el servidor. Abre tu navegador y busca la página. Esta debe tener la regla marrón, horizontal, debajo del título del documento.

Consejos y advertencias

  • La etiqueta está obsoleta y W3Schools fomenta el uso de las imágenes modificadas de píxeles individuales que emplean instrucciones de hojas de estilo para alargar o aumentar las líneas a un ancho deseado.

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media