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