Etiqueta <hr> de HTML
definición y uso
<hr>
las etiquetas definen la separación del tema en una página HTML (por ejemplo, el cambio de tema).
<hr>
los elementos generalmente se muestran como una línea horizontal, utilizada para separar el contenido en una página HTML o definir cambios en el contenido.
Vea también:
Manual de Referencia de HTML DOM:objeto HR
ejemplo
ejemplo 1
usar <hr>
etiquetas para definir cambios en el tema del contenido:
<h1>Los principales lenguajes de Web</h1> <p>HTML es el lenguaje de marcado estándar para crear páginas web. HTML describe la estructura de las páginas web, que se compone de una serie de elementos......</p> <hr> <p>CSS es un lenguaje que describe cómo se deben mostrar los elementos HTML en la pantalla, papel u otros medios......</p> <hr> <p>JavaScript es el lenguaje de programación de HTML y Web. JavaScript puede cambiar el contenido y los valores de atributos de HTML......</p>
ejemplo 2
alineación <hr>
elemento (usando CSS):
<hr style="width:50%;text-align:left;margin-left:0">
ejemplo 3
sin sombra <hr>
(usando CSS):
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
Ejemplo 4
Configurar <hr>
Altura del elemento (usando CSS):
<hr style="height:30px">
Ejemplo 5
Configurar <hr>
Anchura del elemento (usando CSS):
<hr style="width:50%">
Atributos globales
<hr>
Los tags también soportan Atributos globales en HTML.
Atributos de eventos
<hr>
Los tags también soportan Atributos de eventos en HTML.
Configuración CSS predeterminada
La mayoría de los navegadores mostrarán los siguientes valores predeterminados <hr>
Elemento:
hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; }
Compatibilidad del navegador
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Soporte | Soporte | Soporte | Soporte | Soporte |