HTML - Lección 9: Estructura de textos II

Además de estructurar el texto en párrafos y títulos, también podemos usar otras etiquetas html para enriquecer la estructura del texto de nuestras páginas web. Por ejemplo, podemos insertar sangrías, líneas de separación o preformatearlo.

Para seguir con la estructura del texto, incluiremos en esta lección unas pocas etiquetas html. En concreto, estas etiquetas son: <blockquote> para sangrías, <hr /> para líneas de separación y <pre> para preformatear texto.

Enriqueciendo la estructura del texto
`<blockquote>`	Para a?adir sangría al texto.
`<hr />`	Separa bloques de texto mediante una línea.
`<pre>`	Respeta la estructura del texto embutido en código html.
`<br />`	Fuerza al texto a un cambio de línea.

Las etiquetas <blockquote> y <pre> son etiqueta cerradas, mientras que la etiqueta
<hr /> es una etiqueta abierta. Vamos a ver un código en donde se ilustra como se utiliza la etiqueta <pre>.

<pre>
1.- La empresa y el entorno.
    1.1.- La empresa como unidad.
    1.2.- Influencia del entorno.
    1.3.- Localizacion de la empresa.
  

2.- Legislacion de empresas.
    2.1.- Legislacion mercantil.
    2.2.- Legislacion fiscal.
</pre>

En el código hemos escrito un esquema, como está dentro de la etiqueta <pre> todos los espacios y saltos de línea se respetarán al imprimir el código en el navegador. En la figura 12 se muestra la salida de este código, y como se respeta el preformateado.

Un esqueta que se renderiza por medio de <pre>.

Figura 12. Con <pre> podemos hacer
esquemas fácilmente.

Ahora vamos a ver otro código en el que vamos a combinar la etiqueta <hr /> y <blockquote> Recuerda que la primera es para escribir una línea horizontal, mientras que la segunda para darle sangría al texto.

<strong>Elementos de la empresa</strong><br />
<hr />
Los recursos humanos en la empresa son importantes,
desde los trabajadores hasta los propietarios del
capital.
<blockquote>
La organización proporciona a la empresa una 
necesaria efectividad para su objetivo.
</blockquote><hr />

Un texto estructurado con sangrías y líneas horizontales

Figura 13. Podemos estructurar textos con líneas,
retornos de carro o sangrías.

Como ves, hemos separado bloques de texto mediante líneas horizontales. También podemos utilizar el retorno de carro (saltar a la línea siguiente) para utilizar un texto enfatizado como título. Por último, le hemos dado al segundo bloque un mayor margen a través de un sangrado. Combinando todo esto con párrafos, títulos y listas podemos estructurar nuestros textos de forma muy flexible.

Ir a: