feed twitter facebook LinkedIn facebook

HTML » Saltos de línea en HTML

Noviembre 29, 2006 por Víctor Cuervo . 19852 visitas 3 Comentarios Imprimir Imprimir

Cuando la gente empieza a crear páginas web HTML suele caer en el error de creer que el retorno de carro sobre el editor va a provocar el mismo efecto cuando se visualice la página. Pero, esto no es cierto y deberemos de apoyarnos en el lenguaje HTML y sus etiquetas para conseguir dicho efecto.

Si lo que hacemos el codificar nuestra página de la forma que sigue:

<html>
<body>
Primera línea
Segunda línea
</body>
</html>

Podemos ver que el resultado no es el que realmente esperamos. Es decir, que no vamos a tener dos líneas entre la primera y la segunda línea.

El resultado será el siguiente:

Primera línea    Segunda línea

Es decir, no hay salto alguno entre la primera y segunda línea. Aunque hayamos insertado los retornos de carro.

Para poder conseguir el efecto buscado deberemos de utilizar la etiqueta <BR>. Este es el que se conoce como elemento "break". Es decir, cada elemento <BR> que utilicemos generará un salto de línea.

Es por ello que el código anterior nos quedaría de la siguiente forma:

<html>
<body>
Primera línea
<br><br>
Segunda línea
</body>
</html>

Vemos que podemos poner las etiquetas seguidas. No hace falta que estén en una nueva línea. En este caso obtendremos el efecto deseado.

Primera línea
Segunda línea

Visualizar el ejemplo | Descargar el código

tags:

Artículos relacionados:

3 comentarios »

Redifusión RSS de los comentarios de la entrada. TrackBack URI

  1. Cazador Asesino
    Febrero 15, 2009 #

    Gracias xD

  2. tu papi
    Febrero 7, 2010 #

    TAS RICO NENE ME GUSTO TU TUTO QUIERO HACERTE EL TUTO XD

  3. Refromas Caremar
    Agosto 22, 2011 #

    es correcto.Gracias

Deje un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*