Divisiones y párrafos |
| ||
| |||
Al igual que con un procesador de texto, el navegador distribuye automáticamente las palabras del documento por todo el ancho de la ventana. Si maximizamos o minimizamos la ventana, las palabras de nuestro documento se acomodan al nuevo espacio de visualización, añadiendo o quitando líneas a los diferentes párrafos.
No obstante, a diferencia de la mayor parte de los procesadores de texto, HTML utiliza etiquetas de división para controlar la alineación y el flujo del texto.
 Los saltos de línea del texto original no tienen ningún efecto sobre la visualización, ya que HTML no los tiene en cuenta. Igualmente, el visualizador prescinde de los espacios en blanco sobrantes. |
La etiqueta <p> señala el comienzo de un párrafo. En HTML, cada párrafo empieza con <p> y finaliza con </p>.
<p>Éste es el primer párrafo de mi documento HTML.</p>
<p>Éste es el segundo párrafo.</p>
<p>Esta frase queda dividida</p><p>en dos párrafos.</p>
En la práctica, se puede excluir sin riesgo la etiqueta <p> del primer párrafo del documento, y todos los cierres </p>, ya que se infieren a partir de otras etiquetas en el documento. |
<body>
Éste es el primer párrafo del cuerpo del documento.
<p>
La etiqueta anterior señala el comienzo del segundo párrafo, el cual, cuando el navegador lo despliega, empieza por debajo del final del primer párrafo, dejando entre los dos un espacio en blanco adicional.
<p>
Éste es el último párrafo de ejemplo.
</body>
La etiqueta <br> interrumpe la continuidad de una línea normal y obliga a que el texto empiece en una línea nueva, sin dejar ninguna línea en blanco entre párrafos adyacentes.
Este efecto resulta muy útil cuando queremos dar formado a un texto convencional con cortes de línea fijos, como pueden ser: direcciones, textos de canciones, poesías, etc.
<h3>Cielito Lindo</h3>
<p>
Ese lunar que tienes<br>
cielito lindo<br>
junto a la boca<br>
no se lo des a nadie.
</p>
La etiqueta <hr> permite separar un texto o párrafo con una línea horizontal a lo largo del ancho de la ventana, con lo que se consigue separar visualmente secciones de un mismo documento.
Este texto aparece encima de la línea horizontal.
<hr>
Éste otro inmediatamente debajo.
<p>
Éste tendrá un espacio antes de la línea.
<p>
<hr>
<p>
Y éste último estará separado un espacio de la línea horizontal.
Si con las marcas mencionadas no conseguís situar el texto tal como queréis, tendréis que recurrir a las tablas para conseguir un diseño más realista. |
