¿Cómo usar el espacio de línea horizontal completo en HTML?

En este artículo, crearemos un espacio de línea horizontal completo usando HTML . Para crear el espacio de línea horizontal, usaremos la etiqueta <hr> .

La etiqueta <hr> significa regla horizontal y se utiliza para insertar una regla horizontal o un corte temático en una página HTML para dividir o separar secciones del documento. La etiqueta <hr> es una etiqueta vacía y no requiere una etiqueta final.

Sintaxis:

<hr>

Atributos:

  • align: Especifica la alineación de la regla horizontal.
  • noshade: Especifica la barra sin efecto de sombreado.
  • tamaño: Especifica la altura de la regla horizontal.
  • ancho: Especifica el ancho de la regla horizontal.

Enfoque: en el siguiente ejemplo, crearemos dos elementos de párrafo que contengan algo de contenido y agregaremos una etiqueta <hr> entre estos dos elementos de párrafo para crear un espacio de línea horizontal.

Ejemplo:

HTML

<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
        How to use complete horizontal 
        line space in HTML? 
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
        <h3>
            How to use complete horizontal 
            line space in HTML? 
        </h3>
        <p>Welcome to GeeksforGeeks</p>
        <hr>
        <p>Learning portal</p>
    </center>
</body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *