Cómo definir párrafos y espacios en HTML

click fraud protection

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

Que no cunda el pánico. Entiende como tu navegador interpreta los saltos de línea y lo solucionará rápidamente... o al menos, simplemente.

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

HTML se trata de marcar texto ordinario. Cuando el texto estaba en pergamino, el texto ordinario se juntaba en bloques gigantes. Hoy, dividimos el texto en párrafos.

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

Pero HTML es diferente. El navegador se esfuerza por filtrar la información que no parece importante. Debe comprender cómo funciona esto para no confundirse.

Suponga que escribe un montón de espacios:

Su navegador prosaico le dará esta interpretación nítida:

Me siento como e.e. cummings.

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

instagram viewer

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

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 viene del mundo de los procesadores de texto, este comportamiento puede resultar sorprendente. De hecho, te da mucha libertad.

Párrafos

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


y

Mire cuidadosamente el.


y

etiquetas, luego vea 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 cerraré el párrafo dos.

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

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

Pero los saltos de línea son solo para ti. El navegador los ignora.

Añadiendo un montón de.

las etiquetas pueden ser tediosas. Una cosa es agregar cursiva aquí y allá. Otra es tener que agregar etiquetas cada vez que comienzas un nuevo párrafo.
¡Pero espera! ¡Hay esperanza! No corra gritando de regreso a su procesador de textos.

Su CMS puede respetar sus líneas en blanco

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

Si su CMS tiene esta función, obtendrá:

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

¿Por qué funciona esto? Antes de que el CMS escupe su artículo como un página web, agrega lo necesario.

etiquetas.
Su 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 texto, generalmente presiona ENTER solo una vez entre párrafos. Los párrafos son de una sola línea, pero el procesador de textos los envuelve.

En HTML, quieres presione ENTER dos veces entre párrafos. Si su CMS agrega.

etiquetas automáticamente, es probable que espere una línea en blanco.

instagram story viewer