¿Cómo controlar los bloques de texto en html5

Los bloques de texto a construir los cimientos de su página web. Utiliza bloques de texto para crear cosas tales como encabezados, párrafos y listas. Usted puede romper los bloques en pedazos más pequeños a mejores lectores de guía a través de su contenido.

Cotizaciones Bloque

LA cita de bloque es una cita o un extracto de una fuente de derechos de autor, que ha establecido además en una página. Utilizar el

elemento para encerrar citas:

Citas Famosas

Una cita inspiradora

Cuando necesito un poco de inspiración para recordarme por qué me paso daysin el salón de clases, solo recuerdo lo que dijo Lee Iococca:

En una sociedad completamente racional, lo mejor de nosotros habría teachersand el resto de nosotros tendría que conformarse con algo más.

La mayoría de los navegadores web muestran bloque de contenido cita con un guión ligeramente a la izquierda, como se muestra en esta figura.

imagen0.jpg

Texto preformateado

Ordinariamente, HTML ignora espacios en blanco dentro de los documentos. Es por eso que un navegador no mostrará ninguna de un bloque elemento de

  • Retornos.

  • Los saltos de línea.

  • Espacios en blanco de gran tamaño.

El siguiente marcado incluye varios retornos, saltos de línea, y un montón de espacios. La figura muestra que el navegador ignora todo esto.

image1.jpg

Esta es una paragraphwith mucha spacethrown blanca por diversión (y como una prueba, por supuesto).

El elemento de texto preformateado (

) Instruye a los navegadores a mantener todos los espacios en blanco intactos mientras se muestra su contenido. (Como se muestra en el ejemplo de código.) Utilice el 
elemento en lugar de la

elemento para hacer que el navegador se aplica todo su espacio en blanco, como se muestra en la figura.

image2.jpg
Espacio en blanco
Esta es una paragraphwith mucha spacethrown blanca por diversión (y como una prueba, por supuesto).

Es posible que desee que el navegador muestre los espacios en blanco en una página HTML donde el espacio apropiado es importante, como por

  • Ejemplos de código

  • Datos en columnas, números o otro texto de formato sensible

  • Tablas de texto

Usted podría nido

 elementos dentro de 
elementos para controlar cuidadosamente cómo aparecen las líneas de texto de la cita en la página. O mejor aún, olvidarse de las siguientes etiquetas y utilizar CSS para colocar los bloques de texto en el interior
elementos.

Reglas horizontales

El uso de un elemento de regla horizontal (hr) Le permite incluir líneas rectas sólidas llamadas reglas en su página.

El navegador crea la regla basada en el hr elemento, por lo que los usuarios no esperan un gráfico para descargar. Una regla horizontal es una buena opción para

  • Romper una página en secciones lógicas.

  • Encabezados y pies separados del resto de la página.

Formateo

Cuando se incluye un


elemento en su página, como en el siguiente HTML, el navegador lo reemplaza con una línea, como se muestra en la figura.

image3.jpg
Reglas horizontales

Este es un párrafo seguido por una regla horizontal.


Este es un párrafo precedido por una regla horizontal.

Una regla horizontal siempre se sienta en una línea por sí- no puede agregar el


elemento en el medio de un párrafo (u otro elemento de bloque) y esperar que la regla que aparezca en el medio de la cuadra.

La siguiente poco de HTML crea una regla horizontal que ocupa el 45 por ciento del ancho de la página, es de 4 píxeles (px) de altura, está alineado con el centro, y tiene el sombreado parado:

Este es un párrafo seguido por una regla horizontal.


Este es un párrafo precedido por una regla horizontal.

La figura muestra cómo la adición de atributos en el ejemplo anterior altera cómo aparece una regla. (Nota: Estos atributos están en desuso, y lo mejor reemplazados por sus equivalentes CSS. Atributos desaprobados están cubiertos en línea, y el código HTML anterior no es válido.)

image4.jpg


» » » » ¿Cómo controlar los bloques de texto en html5