Etiqueta HTML <hr>

La etiqueta <hr> en HTML significa regla horizontal y se usa 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.

Atributos de la etiqueta: La tabla que se proporciona a continuación describe los atributos de la etiqueta <hr>. Estos atributos no son compatibles con HTML5:
 

Atributo Valor Descripción
alinear izquierda centro derecha Se utiliza para especificar la alineación de la regla horizontal.
sin sombra sin sombra Se utiliza para especificar la barra sin efecto de sombreado.
Talla píxeles Se utiliza para especificar la altura de la regla horizontal.
ancho píxeles Se utiliza para especificar el ancho de la regla horizontal.

Sintaxis: 
 

<hr> ...

Los siguientes programas ilustran la etiqueta <hr> en HTML:
Ejemplo 1: 
 

HTML

<!DOCTYPE html>
 
<html>
 
<body>
 
     
<p>There is a horizontal rule below this paragraph.</p>
 
 
    <!--HTML hr tag is used here-->
    <hr>
     
<p>This is a horizontal rule above this paragraph.</p>
 
 
</body>
 
</html> 

Producción: 
 

Ejemplo 2 (etiqueta hr con atributos): 
 

HTML

<!DOCTYPE html>
 
<html>
 
<body>
 
     
<p>Normal horizontal line.</p>
 
 
    <!--HTML hr tag is used here-->
    <hr>
 
     
<p>Horizontal line with height of 30 pixels</p>
 
 
    <hr size="30">
 
     
<p>Horizontal line with height of 30 pixels
        and noshade.</p>
 
         
    <hr size="30" noshade>
 
</body>
 
</html>                

Producción: 
 

widget de imagen

Navegadores compatibles: 

  • Google cromo 1
  • Borde 12
  • Internet Explorer 5.5
  • Firefox 1
  • Ópera 12.1
  • Safari 3

HTML es la base de las páginas web, se utiliza para el desarrollo de páginas web mediante la estructuración de sitios web y aplicaciones web. Puede aprender HTML desde cero siguiendo este tutorial de HTML y ejemplos de HTML .

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee 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 *