Cómo crear una línea horizontal en HTML

Captura de pantalla de una página web completa.
Por eric tilden

Paso 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.


Paso 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.


Paso 3

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


Paso 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.


Paso 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.


Paso 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 "#".


Paso 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.