Iniciar nueva línea en HTML
-
Utilice la etiqueta
<br>para romper la línea en HTML -
Utilice la etiqueta
<pre>para romper la línea en HTML -
Utilice la etiqueta
<p>para romper la línea en HTML
Este artículo discutirá tres métodos para romper la línea en un código HTML. Romper la línea generalmente significa comenzar la nueva línea desde allí.
Utilice la etiqueta <br> para romper la línea en HTML
Podemos usar la etiqueta <br> para romper la línea en el código HTML. Dentro del <body> del código HTML, escribimos algo de nuestra elección, y cuando queremos cambiar la línea, usamos la etiqueta <br> justo después del contenido y comenzamos a escribir el contenido nuevamente. También podemos usar la etiqueta <br/> en lugar de la etiqueta <br>, lo que da como resultado el mismo resultado que el anterior. Además, si queremos insertar dos saltos de línea, podemos escribir la etiqueta <br> dos veces. Implica que el número de saltos de línea que deseamos tener, tenemos que escribir la etiqueta <br> el mismo número de veces.
Por ejemplo, dentro del cuerpo HTML, escriba el texto de su elección. Utilice la etiqueta <br> después del texto en el que desea dividir la línea. Esto cambia a los lectores restantes a la otra línea. Utilice la etiqueta dos veces consecutivas en cualquier parte del texto.
El siguiente ejemplo crea una nueva línea después de un texto en particular en el código HTML. Después de la primera oración dentro del cuerpo HTML en el código siguiente, la etiqueta <br> rompe la línea. Como resultado, el texto restante cambia a la siguiente línea. Después de completar esta línea, la etiqueta <br/> se usa dos veces, lo que sugiere que la línea se divide dos veces.
Código de ejemplo:
<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>
Producción :
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.
Utilice la etiqueta <pre> para romper la línea en HTML
También podemos usar la etiqueta <pre> dentro del cuerpo HTML para romper la línea. Este método es ligeramente diferente al explicado anteriormente. El elemento <pre> ayuda a mostrar el texto exactamente como está escrito. Dentro de la etiqueta <pre>, escribimos textos en las diferentes líneas presionando el botón enter donde queramos y cerramos la etiqueta. Por lo tanto, muestra los textos en líneas separadas a medida que escribimos. Pero si no usamos la etiqueta <pre>, el texto se mostrará en la misma línea sin saltos de línea sin importar cuántas veces presionemos enter en el texto.
Por ejemplo, escriba una etiqueta <pre> dentro del cuerpo HTML. Luego escriba el texto deseado y dé un salto de línea presionando enter donde desee para insertar el salto de línea. Una vez que termine de escribir el texto, cierre la etiqueta </pre> y cierre la etiqueta <body>.
La siguiente ilustración crea un salto de línea en el código HTML. Cuando se escribe el texto deseado y se inserta el salto de línea presionando enter en el texto dentro del cuerpo HTML. La etiqueta <pre> ayuda a mostrar la salida de la misma manera que se escribe. Cuando se omite la etiqueta <pre>, todos los textos aparecerán en la misma línea. Esto muestra que la etiqueta <pre> ayuda a insertar el salto de línea.
Código de ejemplo:
<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>
Producción:
Utilice la etiqueta <p> para romper la línea en HTML
También podemos usar la etiqueta <p> para romper la línea en el código HTML. Esta etiqueta determina el párrafo del texto. Es un elemento a nivel de bloque; por lo tanto, siempre comienza en una nueva línea. Así que escribir la etiqueta <p> antes de comenzar cada línea dentro del cuerpo y escribir </p> después de concluir ayuda a romper la línea.
Por ejemplo, escriba la etiqueta <p> y escriba el texto que desee, y cuando haya terminado con su libro de texto, escriba la etiqueta </p>. Luego repita el mismo proceso una y otra vez hasta que lo desee. Después de terminar de escribir todo el texto, no olvide cerrar la etiqueta del cuerpo del HTML.
La siguiente ilustración también crea una nueva línea. Cuando se escribe la etiqueta <p>, el párrafo comienza, y cuando se escribe </p>, el párrafo termina. Sabemos que el nuevo párrafo siempre comienza desde la nueva línea, por lo que cuando volvemos a usar la misma etiqueta en el texto, aparece en la siguiente línea, que indica la nueva línea.
Código de ejemplo:
<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>
Producción:
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