Como controlar blocos de texto em HTML5

Blocos de texto construir a fundação de sua página web. Você usa blocos de texto para criar coisas como cabeçalhos, parágrafos e listas. Você pode quebrar os blocos em pedaços menores para melhor guiar os leitores através de seu conteúdo.

citações em bloco

UMA bloco de citação é uma citação, ou um trecho de uma fonte de direitos de autor, que separou em uma página. Use o elemento para incluir citações:

Cotações famosas

Uma citação inspiradora

Quando eu preciso de um pouco de inspiração para me lembrar de por que eu passar a minha daysin sala de aula, eu só lembrar o que Lee Iococca disse:

Em uma sociedade completamente racional, o melhor de nós seria teachersand o resto de nós teria que se contentar com outra coisa.

A maioria dos navegadores exibir o conteúdo bloco de citação com um ligeiro recuo à esquerda, como mostrado na nesta figura.

image0.jpg

texto pré-formatado

Normalmente, HTML ignora espaço em branco dentro de documentos. É por isso que um navegador não exibirá qualquer de um bloco de elemento de

  • retornos duro.

  • Quebras de linha.

  • Grandes espaços em branco.

A seguinte marcação inclui vários retornos duros, quebras de linha, e muitos espaços. A figura mostra que o navegador da Web ignora tudo isso.

image1.jpg

Esta é uma paragraphwith um monte de spacethrown branco por diversão (e como um teste, é claro).

O elemento de texto pré-formatado () instrui os navegadores para manter todos os espaços em branco intacta, enquanto ele exibe seu conteúdo. (Tal como mostrado no exemplo de código.) Utilizar o elemento em lugar do

elemento para fazer o navegador aplica todo o seu espaço em branco, como mostrado na figura.

image2.jpg
espaço em branco 
Esta é uma paragraphwith um monte de spacethrown branco por diversão (e como um teste, é claro).

Você pode querer que o navegador para exibir espaços em branco em uma página HTML, onde o espaçamento adequado é importante, como, por

  • exemplos de código

  • dados em colunas, números ou outro texto sensível ao formato

  • tabelas de texto

Você poderia elementos ninho dentro elementos para controlar cuidadosamente como linhas de texto citado aparecer na página. Ou melhor ainda, esquecer-se sobre estas tags e usar CSS para posicionar os blocos de texto dentro de elementos.

regras horizontais

Usando um elemento de regra horizontal (hr) Permite incluir linhas retas sólidas chamados regras em sua página.

O navegador cria a regra baseada na hr elemento, para que os usuários não espere por um gráfico para download. Uma regra horizontal é uma boa opção para

  • Quebrar uma página em seções lógicas.

  • cabeçalhos e rodapés separado do resto da página.

formatação

Quando você incluir uma


elemento em sua página, como no seguinte HTML, o navegador substitui-lo com uma linha, como mostrado na figura.

image3.jpg
Regras horizontais

Este é um parágrafo seguido por uma regra horizontal.


Este é um parágrafo precedido por uma regra horizontal.

Uma regra horizontal sempre se senta em uma linha por si- você não pode adicionar o


elemento no meio de um ponto (ou outro elemento de bloco) e esperar a regra apareça no meio do bloco.

O seguinte trecho de HTML cria uma regra horizontal que ocupa 45 por cento da largura da página, é de 4 pixels (px) de altura, está alinhado ao centro, e tem sombreamento desligado:

Este é um parágrafo seguido por uma regra horizontal.


Este é um parágrafo precedido por uma regra horizontal.

A figura mostra como adicionar atributos no exemplo anterior altera como uma regra aparece. (Nota: Estes atributos são preteridos, e melhor substituídos por equivalentes CSS. atributos preteridos são cobertos online, eo HTML anterior não é válido.)

image4.jpg

menu