Skip to main content

Escribir en HTML - Párrafos y espaciado

Tutorial Word, ajustar medidas a un documento (Junio 2026)

Tutorial Word, ajustar medidas a un documento (Junio 2026)
Anonim

Entonces, aprendió conceptos básicos de HTML y algunas etiquetas HTML básicas, y decidió pegar algo de HTML en su CMS. Desafortunadamente, su artículo se publicó juntos. ¡Todo es un párrafo! ¿Que pasó?

No se asuste. Comprenda cómo su navegador interpreta los saltos de línea, y lo arreglará rápidamente … o al menos, simplemente.

Los navegadores ignoran la mayoría de los espacios en blanco

HTML es sobre marcar texto ordinario. Cuando el texto estaba en pergamino, el texto normal se ejecutaba en bloques gigantes. Hoy, dividimos el texto en párrafos .

Puede que no pienses mucho en los párrafos. Simplemente suceden. Usted presiona ENTER, y eso es todo.

Pero el HTML es diferente. El navegador se esfuerza por filtrar información que no parece importante. Necesitas entender cómo funciona esto para no confundirte.

Supongamos que escribes un montón de espacios:

Me siento como e.e. Cummings

Su navegador prosaico le dará esta interpretación clara:

Me siento como e.e. Cummings

Ya no estamos en Word, Toto. Navegadores ignorar el espaciado extra. Reducen múltiples espacios a un solo espacio.

Los navegadores también ignora tus saltos de línea.

Me siento como e.e. cummings pero todos odian C A P I T A L S en línea de todos modos.

Su navegador hace esto:

Me siento como e.e. cummings pero todos odian C A P I T A L S en línea de todos modos.

Si vienes del mundo del procesador de textos, este comportamiento puede ser sorprendente. En realidad, te da mucha libertad.

Párrafos

Pero probablemente todavía quieras párrafos. Aquí están:

y

Este es un párrafo.

Este es otro párrafo, aunque esté en la misma línea. Y aunque acabo de ingresar dos saltos de línea, esto sigue siendo parte del párrafo dos. Ahora voy a cerrar el segundo párrafo.

Mira con cuidado a la

y etiquetas, a continuación, ver lo que hace el navegador. Este es un párrafo. Este es otro párrafo, aunque esté en la misma línea. Y aunque acabo de ingresar dos saltos de línea, esto sigue siendo parte del párrafo dos. Ahora voy a cerrar el segundo párrafo.

¿Ver? El navegador realmente ignora totalmente tus saltos de línea. Solo se preocupa por las etiquetas.

Normalmente, por supuesto, la opción sensata es hacer coincidir sus párrafos con saltos de línea:

Este es un párrafo.

Este es otro párrafo.

Pero los saltos de línea son sólo para ti. El navegador los ignora.

Añadiendo un montón de

Las etiquetas pueden ser tediosas. Una cosa es agregar itálicas aquí y allá. Otra es tener que agregar etiquetas cada vez que comiences un nuevo párrafo.

¡Pero espera! ¡Hay esperanza! No corras gritando de vuelta a tu procesador de textos.

Tu CMS puede respetar tus líneas en blanco

Afortunadamente, algunos CMS están diseñados para insertar etiquetas de párrafo automáticamente Para ti, entre bambalinas. Simplemente puede insertar un linea en blanco entre párrafos, y el CMS hace el resto.

Este es un párrafo. ¡No etiquetas! Y aquí está otro párrafo.

Si su CMS tiene esta característica, obtendrá:

Este es un párrafo. ¡No etiquetas! Y aquí está otro párrafo.

¿Por qué funciona esto? Antes de que el CMS muestre su artículo como una página web, agrega la información necesaria.

etiquetas

Tu CMS probablemente hará esto automáticamente. Si no es así, es posible que pueda activar esta función.

Presione ENTER dos veces para un párrafo

En un procesador de textos, normalmente presionas ENTER solo una vez entre párrafos. Los párrafos son una sola línea, pero el procesador de textos los envuelve.

En HTML, desea presiona ENTER dos veces entre párrafos. Si su CMS agrega

etiquetas automáticamente, probablemente espera una línea en blanco.