• párrafos
• sangría de primera línea

párrafos

cualquier texto tiene su propia estructura única: los libros se dividen en partes, secciones y capítulos, los periódicos y revistas tienen rúbricas y subtítulos separados, que a su vez incluyen fragmentos del texto, que también tienen estructura propia: párrafos, sangrías, etc.

el texto colocado en las páginas web no es una excepción, también debe tener una estructura lógica que sea comprensible para cada usuario., Después de todo, cuán conveniente y simple será percibido el texto en la página, depende mucho: en primer lugar, qué impresión tendrá el visitante sobre su sitio.

para crear unidades estructurales de texto, como párrafos, en documentos HTML se utiliza la etiqueta <p>, que separa los fragmentos de texto con una sangría vertical (se añade una cadena vacía antes y después de un párrafo).,

<p>Paragraph</p>

nota: por defecto el espaciado entre párrafos es1em (em es una unidad de medida igual a la altura de la fuente), es decir, la distancia entre párrafos depende directamente del tamaño de la fuente.

no se olvide de la etiqueta de cierre

La mayoría de los navegadores mostrarán el documento HTML correctamente, incluso si se olvidó de la etiqueta de cierre.

<p>Paragraph<p>Another paragraph</p>

Este código funcionará en la mayoría de los navegadores, pero no depende de él. Una etiqueta de cierre olvidada puede conducir a resultados inesperados.,

sangría de primera línea

La primera línea es la línea inicial del párrafo. Para sangrar la primera línea de sus párrafos, debe usar la propiedad CSS text-indent, que le permite sangrar la primera frase:

Try it »

en el ejemplo anterior, la primera línea de cada párrafo en la página comenzará con una sangría de 25px., El siguiente ejemplo muestra cómo puede especificar sangría solo para un párrafo determinado en la página:

<p style="text-indent: 25px;">As in any real art, there are no trivialities in good texts, to which some also refer to the red line, considering that its use is not so important. However, one must understand that any comma carries in itself both aesthetic and and the semantic load, and not only is a tribute to the rules of grammar is concerns and formatting.</p>

pruébelo «

Nota: no es necesario establecer el tamaño de sangría en 25px, puede elegir el tamaño de sangría óptimo usted mismo, también utilizando la propiedad text-indent sobresaliendo sobre el resto de la cadena de texto, debe establecer un valor negativo para la propiedad (por ejemplo:-30px).