Como fazer linha em html?

A tag hr insere uma linha horizontal no HTML usada para separar conteúdos.

Veja abaixo os atributos complementares:

Size: determina o tamanho em pixel.

Width: determina a largura da linha pode ser exato determinado em pixel ou receber um valor percentual.

Align: determinada a posição center, left ou right. Se nenhuma for declarada usa a padrão center.

Noshade: é referente a sombra podendo dar um efeito tridimensional a linha. Ele ficou obsoleto no html 4, melhor usar CSS para fazer essa configuração.

Exemplos:

<hr>


<hr size="20">


<hr width="50%">


<hr width="200">


<hr align="right" width="50px" >


Existe outras maneiras de fazer isso utilizando tabela ou CSS.

Como configurar bordas de tabela html?

Como fazer linha com CSS?

Como fazer uma linha horizontal responsiva?

Como fazer uma linha estilizada na página web?

Como fazer linha vertical com html?


Seja bem vindo ao blog Espaço HTML

Com dicas que vão direto ao ponto sobre html

Quer deixar seu site mais profissional e memorável?

Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.

Para que serve o atributo loading="lazy" em imagens e iframes?

É o adiamento e eventualmente dispensa do carregamento de imagens que o usuário não irá visualizar imediatamente. Serve para melhorar a experiência de usuários com internet ruim e assim otimizar o SEO.

Desenvolvimento Web: Desvendando os Segredos da CSS, HTML e JS

Vamos desvendar juntos como essas linguagens fundamentais se combinam para criar não apenas estética visual, mas também uma presença online otimizada e impactante.

Cores para HTML: Desvendando o Universo das Cores em um Guia Completo para Design Visual e SEO Eficiente

Explore as infinitas possibilidades de design no HTML, desvendando os segredos das cores que cativam visitantes e elevam seu site nos rankings de busca.

Explorando o Universo da Codificação HTML: Caracteres Especiais, Entidades, Elementos, Números e Símbolos

Descubra o poder oculto por trás da codificação HTML: desde a elegância dos caracteres especiais até a versatilidade das entidades, elementos, números e símbolos.

Como dar espaço em html?

Desvende os truques do espaçamento em HTML e CSS com esta lista imperdível de 10 itens. A surpresa do número 6 vai redefinir suas noções de design web!

Exemplo de Aviso de Cookies Verificação de AdBlock