Iniciar Nova Linha em HTML
-
Use a tag
<br>para quebrar a linha em HTML -
Use a tag
<pre>para quebrar a linha em HTML -
Use a tag
<p>para quebrar a linha em HTML
Este artigo discutirá três métodos para quebrar a linha em um código HTML. Romper a linha geralmente significa começar a nova linha a partir daí.
Use a tag <br> para quebrar a linha em HTML
Podemos usar a tag <br> para quebrar a linha no código HTML. Dentro do <body> do código HTML, digitamos algo de nossa escolha, e quando queremos mudar a linha, usamos a tag <br> logo após o conteúdo e começamos a digitar o conteúdo novamente. Também podemos usar a tag <br/> em vez de <br>, o que resulta no mesmo resultado acima. Além disso, se quisermos inserir duas quebras de linha, podemos digitar a tag <br> duas vezes. Isso implica que, para o número de quebras de linha que desejamos, temos que digitar a tag <br> o mesmo número de vezes.
Por exemplo, dentro do corpo do HTML, escreva o texto de sua escolha. Use a tag <br> após o texto onde você deseja quebrar a linha. Isso muda seus leitores restantes para a outra linha. Use a tag duas vezes consecutivas em qualquer lugar do texto.
O exemplo abaixo cria uma nova linha após um texto específico no código HTML. Após a primeira frase dentro do corpo HTML no código abaixo, a tag <br> quebra a linha. Como resultado, o texto restante muda para a linha seguinte. Depois de completar esta linha, a tag <br/> é usada duas vezes, o que sugere que a linha está quebrada duas vezes.
Código de exemplo:
<body>
Hi, I am here to learn how to break the line in HTML. <br> In this method, I'm using the br tag. <br/> <br/> I would like to be a good programmer in the future.
</body>
Produção:
Hi, I am here to learn how to break the line in HTML.
In this method, I'm using the br tag.
I want to be a good programmer in the future.
Use a tag <pre> para quebrar a linha em HTML
Também podemos usar a tag <pre> dentro do corpo do HTML para quebrar a linha. Este método é ligeiramente diferente do explicado acima. O elemento <pre> ajuda a exibir o texto exatamente da forma como foi digitado. Dentro da tag <pre>, digitamos textos nas diferentes linhas pressionando o botão Enter onde quisermos e fechamos a tag. Portanto, ele exibe os textos em linhas separadas conforme nós digitamos. Mas se não usarmos a tag <pre>, o texto será exibido na mesma linha sem nenhuma quebra de linha, não importando quantas vezes pressionarmos enter no texto.
Por exemplo, escreva uma tag <pre> dentro do corpo do HTML. Em seguida, digite o texto desejado e faça uma quebra de linha pressionando Enter onde quiser para inserir a quebra de linha. Depois de terminar de escrever o texto, feche a tag </pre> e feche a tag <body>.
A ilustração abaixo cria uma quebra de linha no código HTML. Quando o texto desejado é digitado e a quebra de linha é inserida pressionando enter no texto dentro do corpo do HTML. A tag <pre> ajuda a exibir a saída da mesma maneira que é digitada. Quando a tag <pre> é omitida, todos os textos aparecem na mesma linha. Isso mostra que a tag <pre> ajuda a inserir a quebra de linha.
Código de exemplo:
<body>
<pre>
Hi, I am here to learn how to break the line in HTML.
In this method, I'm using the pre tag.
I would like to be a good programmer in the future.
</pre>
</body>
Produção:
Use a tag <p> para quebrar a linha em HTML
Também podemos usar a tag <p> para quebrar a linha no código HTML. Esta tag determina o parágrafo do texto. É um elemento de nível de bloco; portanto, sempre começa em uma nova linha. Portanto, escrever a tag <p> antes de iniciar cada linha dentro do corpo e escrever </p> depois de concluí-la ajuda a quebrar a linha.
Por exemplo, escreva a tag <p> e digite o texto desejado e, quando terminar de ler o livro, escreva a tag </p>. Em seguida, repita o mesmo processo continuamente até o seu desejo. Depois de terminar de escrever todo o seu texto, não se esqueça de fechar a tag do corpo do HTML.
A ilustração abaixo também cria uma nova linha. Quando a tag <p> é digitada, o parágrafo começa, e quando </p> é digitado, o parágrafo termina. Sabemos que o novo parágrafo sempre começa a partir da nova linha, por isso, quando voltarmos a usar a mesma tag no texto, aparecerá na linha seguinte, que indica a nova linha.
Código de exemplo:
<body>
<p> Hi, I am here to learn how to break the line in HTML. </p>
<p>In this method I'm using the p tag.</p>
<p>I would like to be a good programmer in the future.</p>
</body>
</html>
Produção:
Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.
LinkedIn