Exemplo
Use o <hr> tag para definir uma mudança temática no conteúdo:
<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>
<hr>
<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
Tente você mesmo " Definição e Uso
O <hr> tag define uma ruptura temática em uma página HTML (por exemplo, uma mudança de tópico).
O <hr> elemento é usado para separar o conteúdo (ou definir uma mudança) em uma página HTML.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <hr> | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
Em HTML5, o <hr> tag define uma pausa temática.
Em HTML 4.01, o <hr> tag representa uma regra horizontal.
No entanto, o <hr> marca ainda pode ser exibido como uma regra horizontal em navegadores visuais, mas agora é definida em termos semânticos, em vez de termos de apresentação.
Todos os layout atributos são removidos em HTML5. Use CSS em vez disso.
Diferenças entre HTML e XHTML
Em HTML, o <hr> tag não tem nenhuma marca de fim.
Em XHTML, o <hr> tag deve ser bem fechada, como este: <hr /> .
Atributos
| Atributo | Valor | Descrição |
|---|---|---|
| align | left center right | Não suportado em HTML5. Especifica o alinhamento de um <hr> elemento |
| noshade | noshade | Não suportado em HTML5. Especifica que um <hr> elemento deve processar em uma cor sólida (noshaded), em vez de uma cor sombreada |
| size | pixels | Não suportado em HTML5. Especifica a altura de um <hr> elemento |
| width | pixels % | Não suportado em HTML5. Especifica a largura de um <hr> elemento |
Atributos globais
O <hr> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <hr> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: Objeto HR
Configurações CSS padrão
A maioria dos navegadores irá exibir o <hr> elemento com os seguintes valores padrão:
Exemplo
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right:
auto;
border-style: inset;
border-width: 1px;
}
Tente você mesmo "