HTML: quebra de linha e linha horizontal


HTML: quebra de linha e linha horizontal

(Elivelto Ebermam)

Em html existe uma tag específica para saltar linhas, essa tag é a <br>.  Essa tag tem apenas abertura:

    Primeira linha <br> Segunda linha

Lembrando que, para uma página html, não basta escrever apenas o trecho acima, é necessário escrever toda a estrutura da página. Veja o exemplo abaixo:

<html>
    <head>
        <title> Exemplo </title>
    </head>
    <body>
        Primeira linha <br> Segunda linha
    </body>
</html>

Se inserimos esse código no editor online do site W3Schools [1], disponível no link https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default , e clicarmos em “run” temos o seguinte resultado:



Repare que no código há apenas uma linha de texto: Primeiro parágrafo <br> Segundo parágrafo. Porém no resultado (no quadro a direita da imagem) há duas linhas. Isso ocorre pois quando é inserido a tag <br>, o texto que vem a seguir é jogado para a linha debaixo (isso é chamado de quebra de linha).

Linha horizontal

Podemos inserir linhas horizontais para fazer separações no texto da página. A tag usada para isso é a <hr>. Ela é usada da mesma forma que a tag anterior: fazendo apenas a abertura da tag. Veja um exemplo:



No código, entre o título (6ª linha) e o parágrafo (8ª linha) há a tag <hr>. É possível ver esse efeito no quadro a direita: uma linha horizontal entre o título e o parágrafo.

 

Referências


[1] HTML Tutorial. W3Schools,  2020. Disponível em <https://www.w3schools.com/html/>. Acesso em: 18 de mai. de 2020.

Comentários

Postagens mais visitadas deste blog

CSS: margin, padding e border

HTML: Formulários - caixas de texto

CSS: Introdução