Tipografia

Este último não tem mais do que um pé de altura, e cerca de sete passos, um mero topo plano de uma rocha cinzenta que fuma como uma cinza quente depois de um banho, e onde nenhum homem se atreveria a aventurar uma sola nua antes do pôr-do-sol. Na Pequena Isabel, uma palmeira velha, com um tronco grosso e saliente com espinhos, uma bruxa entre as palmeiras, agita um bando desanimador de folhas mortas acima da areia grosseira.

Rubrica 1 (H1)

Este último não tem mais do que um pé de altura, e cerca de sete passos, um mero topo plano de uma rocha cinzenta que fuma como uma cinza quente depois de um banho, e onde nenhum homem se atreveria a aventurar uma sola nua antes do pôr-do-sol. Na Pequena Isabel, uma palmeira velha, com um tronco grosso e saliente com espinhos, uma bruxa entre as palmeiras, agita um bando desanimador de folhas mortas acima da areia grosseira.

Rubrica 2 (H2)

Este último não tem mais do que um pé de altura, e cerca de sete passos, um mero topo plano de uma rocha cinzenta que fuma como uma cinza quente depois de um banho, e onde nenhum homem se atreveria a aventurar uma sola nua antes do pôr-do-sol. Na Pequena Isabel, uma palmeira velha, com um tronco grosso e saliente com espinhos, uma bruxa entre as palmeiras, agita um bando desanimador de folhas mortas acima da areia grosseira.

Rubrica 3 (H3)

Este último não tem mais do que um pé de altura, e cerca de sete passos, um mero topo plano de uma rocha cinzenta que fuma como uma cinza quente depois de um banho, e onde nenhum homem se atreveria a aventurar uma sola nua antes do pôr-do-sol. Na Pequena Isabel, uma palmeira velha, com um tronco grosso e saliente com espinhos, uma bruxa entre as palmeiras, agita um bando desanimador de folhas mortas acima da areia grosseira.

Rubrica 4 (H4)

Este último não tem mais do que um pé de altura, e cerca de sete passos, um mero topo plano de uma rocha cinzenta que fuma como uma cinza quente depois de um banho, e onde nenhum homem se atreveria a aventurar uma sola nua antes do pôr-do-sol. Na Pequena Isabel, uma palmeira velha, com um tronco grosso e saliente com espinhos, uma bruxa entre as palmeiras, agita um bando desanimador de folhas mortas acima da areia grosseira.

Rubrica 5 (H5)

Este último não tem mais do que um pé de altura, e cerca de sete passos, um mero topo plano de uma rocha cinzenta que fuma como uma cinza quente depois de um banho, e onde nenhum homem se atreveria a aventurar uma sola nua antes do pôr-do-sol. Na Pequena Isabel, uma palmeira velha, com um tronco grosso e saliente com espinhos, uma bruxa entre as palmeiras, agita um bando desanimador de folhas mortas acima da areia grosseira.

Rubrica 6 (H6)

Este último não tem mais do que um pé de altura, e cerca de sete passos, um mero topo plano de uma rocha cinzenta que fuma como uma cinza quente depois de um banho, e onde nenhum homem se atreveria a aventurar uma sola nua antes do pôr-do-sol. Na Pequena Isabel, uma palmeira velha, com um tronco grosso e saliente com espinhos, uma bruxa entre as palmeiras, agita um bando desanimador de folhas mortas acima da areia grosseira.

Citações em bloco

Citação de bloco de uma linha:

Fique com fome. Continuar a ser tolo.

Citação de blocos de várias linhas com uma referência citada:

O HTML

Elemento (ou Elemento de Citação de Bloco HTML) indica que o texto anexo é uma citação alargada. Normalmente, esta é apresentada visualmente através de indentação (ver Notas para como mudá-lo). Um URL para a fonte da citação pode ser dado utilizando o cite enquanto uma representação textual da fonte pode ser dada utilizando o atributo elemento.

múltiplos colaboradores - MDN HTML element reference - blockquote

Tabelas

Desconhecido$1Porque isso é tudo o que Steve Jobs precisa para um salário.
Desconhecida$100KPor todos os blogues que ela faz.
Fred Bloggs$100MAs fotografias valem mil palavras, certo? Então Jane x 1,000.
Jane Bloggs$100BCom cabelo assim?! Basta dizer...

Listas de definição

Título da lista de definição Divisão da lista de definição. Arranque Uma empresa ou organização de arranque é uma empresa ou organização temporária concebida para procurar um modelo de negócio repetível e escalável. #dowork Cunhado por Rob Dyrdek e pelo seu guarda pessoal Christopher "Big Black" Boykins, "Do Work" funciona como um auto-motivador, para motivar os seus amigos. Fazê-lo Viver Vou deixar Bill O'Reilly explicar este aqui.

Listas não ordenadas (Aninhadas)

  • Listar item um
    • Listar item um
      • Listar item um
      • Listar item dois
      • Listar item três
      • Listar item quatro
    • Listar item dois
    • Listar item três
    • Listar item quatro
  • Listar item dois
  • Listar item três
  • Listar item quatro

Lista de Encomendas (Aninhada)

  1. Listar o item um - iniciar às 8
    1. Listar item um
      1. Listar item um - atributo invertido
      2. Listar item dois
      3. Listar item três
      4. Listar item quatro
    2. Listar item dois
    3. Listar item três
    4. Listar item quatro
  2. Listar item dois
  3. Listar item três
  4. Listar item quatro

Etiquetas HTML

Estas etiquetas suportadas são provenientes do código WordPress.com FAQ.

Etiqueta de endereço 1 Laço Infinito
Cupertino, CA 95014
Estados Unidos da América

Anchor Tag (aka. Link)

Este é um exemplo de um ligação.

Abreviatura Tag

A abreviatura srsly significa "seriamente".

Sigla Tag (depreciado em HTML5)

O acrónimo ftw significa "for the win" (para a vitória).

Grande Marca (depreciado em HTML5)

Estes testes são uma grande coisa, mas esta etiqueta já não é suportada em HTML5.

Cite Tag

"Código é poesia". -Automático

Tag de código

Esta etiqueta de estilos blocos de código.
.post-title {
margem: 0 0 0 5px;
font-weight: arrojado;
Tamanho de letra: 38px;
altura da linha: 1.2;
e aqui está uma linha de um texto muito, muito, muito, muito longo, só para ver como é tratado e para descobrir como transborda;
}

Aprenderá mais tarde, nestes testes, que a palavra-chave: break-word;será a sua melhor amiga.

Apagar etiqueta

Esta etiqueta permitir-lhe-á texto de strike outmas esta etiqueta é recomendado suportado em HTML5 (use o em vez disso).

Destacar etiqueta

A etiqueta de ênfase deve Italicize texto.

Etiqueta de Regra Horizontal


Esta frase segue uma <hr /> etiqueta.

Inserir etiqueta

Esta etiqueta deve denotar inserido texto.

Etiqueta do teclado

Esta etiqueta pouco conhecida emula o texto do teclado, que é normalmente estilizado como a <code> etiqueta.

Etiqueta pré-formatada

Esta etiqueta é para preservar o espaço branco datilografado, tal como na poesia ou arte ASCII.

O caminho não percorrido

Robert Frost


  Duas estradas divergiram numa madeira amarela,
  E lamento não ter podido viajar os dois (_/)
  E ser um só viajante, há muito tempo que estou (='.'=)
  E olhei para baixo o mais longe que pude (")_(")
  Para onde se curvava no matagal;

  Depois tomou a outra, como igualmente justa,
  E tendo talvez a melhor reivindicação, |__/|
  Porque era de erva e queria desgaste; / @ @
  Embora quanto a isso a passagem para lá ( > º >x<<<'.
                                               / O
  E ambas as manhãs estavam igualmente
  Em folhas nenhum passo tinha pisado negro.
  Oh, guardei o primeiro por mais um dia!
  No entanto, sabendo como o caminho nos leva ao caminho,
  Duvidei que alguma vez voltasse.

  Direi isto com um suspiro
  Em algum lugar, idades e idades daí:
  Duas estradas divergiram numa madeira, e eu...
  Fiquei com o que menos viajei,
  E isso tem feito toda a diferença.


  e aqui está uma linha de um texto muito, muito, muito, muito longo, só para ver como é tratado e para descobrir como transborda;

Citação Tag para abreviaturas, citações em linha

Programadores, programadores, programadores... -Steve Ballmer

Etiqueta de greve (depreciado em HTML5) e S Marca

Esta etiqueta mostra o texto de strike-through.

Pequena etiqueta

Esta etiqueta mostra um texto mais pequeno.

Tag forte

Esta etiqueta mostra texto em negrito.

Etiqueta de Subscrição

Pôr o nosso estilo científico a funcionar com H2O, que deve empurrar o "2" para baixo.

Etiqueta super-escrita

Continua a aderir à ciência e Albert Einstein's E = MC2que deverá elevar os 2 para cima.

Tag teletipo (obsoleto em HTML5)

Esta etiqueta raramente utilizada emula texto de teletipo, que é normalmente estilizada como a <code> etiqueta.

Sublinhar etiqueta depreciado em HTML 4, re-introduzido em HTML5 com outras semânticas

Esta etiqueta mostra texto sublinhado.

Tag Variável

Isto permite-lhe denotar variáveis.

Imagem Alightment

Imagem de Alinhamento do Centro

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

Em sed porta lectus, auctor bibendum est. Mauris tempor tempor tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Imagem de Alinhamento à Esquerda

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Em sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisisisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Imagem de Alinhamento à Direita

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Em sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisisisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

150 × 150 Imagem, que é alinhada à esquerda

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Em sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisisisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Imagem Grande

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

Em sed porta lectus, auctor bibendum est. Mauris tempor tempor tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.