jump to navigation

Saltos de línea en HTML Noviembre 29, 2006

Publicado por lineadecodigo en : HTML , trackback

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

Articulos Similares:

Enviar entrada por email Enviar entrada por email | Imprimir Imprimir | 15116 visitas

1 Star2 Stars3 Stars4 Stars5 Stars (1 votos, media: 5.00 de 5)
Loading ... Loading ...

Comentarios»

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


Imagen CAPTCHA CAPTCHA Audio
Refrescar imagen