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.
Conteúdo
citações em bloco
UMA bloco de citação é uma citação, ou um trecho de uma fonte de direitos autorais, que você separado em uma página. Use o elemento para encerrar cotações:
Quotations famosos Uma citação inspiradora
Quando eu preciso de um pouco de inspiração para me lembrar de por que eu gasto meu daysin sala de aula, eu só lembrar o que Lee Iococca disse:
Video: Criando uma página HTML 5, pelo Bloco de Notas
Em uma sociedade completamente racional, o melhor de nós seria teachersand o resto de nós teria de se contentar com outra coisa.
A maioria dos navegadores exibir conteúdo bloco de citação com um ligeiro recuo à esquerda, como mostra nesta figura.
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 elemento de
retornos duro.
Quebras de linha.
Grandes espaços em branco.
A seguinte marcação inclui vários retornos rígidos, quebras de linha, e muitos espaços. A figura mostra que o navegador da Web ignora tudo isso.
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 todo o espaço branco intacta, enquanto ele exibe seu conteúdo. (Tal como mostrado no exemplo de código.) Utilizar a elemento no lugar do
elemento para tornar o navegador aplicar todo o seu espaço em branco, como mostrado na figura.
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 colunar, números ou outro texto sensível ao formato
tabelas de texto
Você poderia ninho elementos 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 na sua página.
O navegador cria a regra baseada no 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.
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 parágrafo (ou outro elemento de bloco) e esperar que a regra para aparecer no meio do bloco.
Video: 095 HTML5 Canvas alinhamento horizontal de texto com textAlign
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 a adição de 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.)
