Formatar texto em um documento html5
documentos HTML incluir texto, imagens, arquivos multimídia, links e outros pedaços de conteúdo que você moldar em uma página web usando elementos de marcação e atributos. Você usa blocos de texto para criar coisas como cabeçalhos, parágrafos e listas. O primeiro passo na criação de um documento HTML sólido é o estabelecimento de uma base sólida para estabelecer a estrutura do documento.
Conteúdo
Aqui está uma definição ultratechnical de um bloco de texto: algum pedaço de conteúdo que preenche uma ou mais linhas dentro de um elemento HTML.
Na verdade, qualquer página HTML é uma coleção de blocos de texto:
Cada pedaço de conteúdo em sua página deve ser parte de algum elemento de bloco.
Video: Curso de HTML5 - 07 - Formatação de Texto com HTML5 e CSS3 - by Gustavo Guanabara
elementos de bloco geralmente terminam com uma quebra de linha quando renderizado em um navegador web.
Video: Curso de HTML5 - 10 - Formatação de Imagens com CSS3 - by Gustavo Guanabara
Cada elemento de bloco fica dentro do elemento em sua página. De fato, é o bloco final!
Video: Aula 9 - Trabalhando com Tags de Formatação de Texto no XHTML/HTML5
A diferença entre elementos inline e um bloco de texto é importante. A Euelemento nline é uma palavra ou seqüência de palavras dentro um elemento de bloqueio (por exemplo, elementos de texto-ênfase, tais como ou). elementos inline deve ser aninhados dentro de um bloco element- caso contrário, o documento HTML não é sintaticamente correto.
elementos em linha, tais como ligação e elementos de formatação, são concebidos para conectar-se a partir de (ou alterar o aspecto do) algumas palavras ou linhas de conteúdo encontrado dentro desses blocos.
HTML reconhece vários tipos de blocos de texto que você pode usar em seu documento, incluindo (mas não limitado a) os itens apresentados nesta tabela.
Video: Curso HTML5 do Zero #10 - Formatação de Texto
Elemento | Descrição | Elemento | Descrição |
---|---|---|---|
artigo | conteúdo do artigo | cabeçalho | Seção ou página de cabeçalho |
a parte, de lado | Além conteúdo | h1-h6 | níveis de título 1-6 |
bloco de citação | bloco de citação | hr* | régua horizontal |
corpo | corpo da página | p | Parágrafo |
br1 | quebra de linha | pré | texto pré-formatado |
div | Divisão na página web | seção | Seção na página web |
figura | imagem Grupos e legenda | mesa, e assim por diante2 | tabelas HTML |
rodapé | Seção ou rodapé de página | ul, ol, dl | Listas por tipo |
1 Indica um elemento vazio (marcação única, nenhum par).
2 Todos os elementos da tabela se enquadram nessa célula.
Para saber mais sobre HTML elementos de bloco, visite o site Tutorial Chip: “Bloco HTML5 Nível Elements: Lista Completa.”