Uma linha horizontal é um elemento gráfico muito utilizado para separar e distinguir diferentes seções de uma página web. A boa notícia é que adicioná-la ao seu código HTML é bastante fácil. Neste artigo, vamos ensinar o passo a passo para fazer isso. O primeiro passo é abrir o editor de texto de sua preferência - recomenda-se usar o bloco de notas ou um editor de código, como o Visual Studio Code ou o Sublime Text. Na sequência, crie uma nova página HTML e comece a trabalhar no código. Para inserir uma linha horizontal no seu documento HTML, você deve usar a tag hr. Ela é uma tag vazia, o que significa que ela não possui conteúdo que necessita ser fechado posteriormente. Sendo assim, você pode simplesmente adicionar a tag no ponto desejado da sua página. Veja um exemplo abaixo: ```

Título da Página

Este é o parágrafo principal da sua página.

---

Seção 2

Este é outro parágrafo.

``` Na estrutura acima, a tag hr foi inserida após o primeiro parágrafo (entre ele e o segundo título). A linha horizontal será exibida na página web logo abaixo do parágrafo principal. Além da tag hr, que é a opção mais simples e mais usada para inserir uma linha horizontal, você pode adicionar efeitos adicionais ao elemento utilizando CSS. Por exemplo, você pode alterar a cor, a espessura e a largura da linha. Isso pode ser feito utilizando a propriedade border-bottom. Abaixo, segue um exemplo de como adicionar uma linha horizontal com algumas características estilísticas diferentes: ```

Título da Página

Este é o parágrafo principal da sua página.

---

Seção 2

Este é outro parágrafo.

``` No código acima, o CSS foi adicionado à seção head da página. A propriedade border foi definida como none, para que a linha horizontal não tenha uma borda. A height foi definida em 2 pixels e a cor do fundo foi alterada para cinza. Por fim, as margens superior e inferior foram ajustadas em 20 pixels para afastar a linha dos outros elementos da página. Em resumo, a adição de uma linha horizontal no HTML é bastante simples e pode ser feita apenas com a tag hr. Se você quiser personalizar o visual do elemento, pode usar o CSS. Lembre-se que é sempre importante manter a organização do código e evitar usar elementos visuais em excesso para que a página web fique agradável e fácil de navegar.