Tipografia

Tipografia

Este último não tem mais de trinta centímetros de altura e cerca de sete passos de diâmetro, um mero topo plano de uma rocha cinzenta que fumega como uma cinza quente depois de uma chuva, e onde nenhum homem se arriscaria a arriscar uma sola nua antes do pôr do sol. Na Pequena Isabel uma velha palmeira esfarrapada, de grosso tronco volumoso áspero de espinhos, muito feiticeira entre palmeiras, farfalha um lúgubre ramalhete de folhas mortas sobre a areia grossa.

Título 1 (H1)

Este último não tem mais de trinta centímetros de altura e cerca de sete passos de diâmetro, um mero topo plano de uma rocha cinzenta que fumega como uma cinza quente depois de uma chuva, e onde nenhum homem se arriscaria a arriscar uma sola nua antes do pôr do sol. Na Pequena Isabel uma velha palmeira esfarrapada, de grosso tronco volumoso áspero de espinhos, muito feiticeira entre palmeiras, farfalha um lúgubre ramalhete de folhas mortas sobre a areia grossa.

Título 2 (H2)

Este último não tem mais de trinta centímetros de altura e cerca de sete passos de diâmetro, um mero topo plano de uma rocha cinzenta que fumega como uma cinza quente depois de uma chuva, e onde nenhum homem se arriscaria a arriscar uma sola nua antes do pôr do sol. Na Pequena Isabel uma velha palmeira esfarrapada, de grosso tronco volumoso áspero de espinhos, muito feiticeira entre palmeiras, farfalha um lúgubre ramalhete de folhas mortas sobre a areia grossa.

Rubrica 3 (H3)

Este último não tem mais de trinta centímetros de altura e cerca de sete passos de diâmetro, um mero topo plano de uma rocha cinzenta que fumega como uma cinza quente depois de uma chuva, e onde nenhum homem se arriscaria a arriscar uma sola nua antes do pôr do sol. Na Pequena Isabel uma velha palmeira esfarrapada, de grosso tronco volumoso áspero de espinhos, muito feiticeira entre palmeiras, farfalha um lúgubre ramalhete de folhas mortas sobre a areia grossa.

Título 4 (H4)

Este último não tem mais de trinta centímetros de altura e cerca de sete passos de diâmetro, um mero topo plano de uma rocha cinzenta que fumega como uma cinza quente depois de uma chuva, e onde nenhum homem se arriscaria a arriscar uma sola nua antes do pôr do sol. Na Pequena Isabel uma velha palmeira esfarrapada, de grosso tronco volumoso áspero de espinhos, muito feiticeira entre palmeiras, farfalha um lúgubre ramalhete de folhas mortas sobre a areia grossa.

Rubrica 5 (H5)

Este último não tem mais de trinta centímetros de altura e cerca de sete passos de diâmetro, um mero topo plano de uma rocha cinzenta que fumega como uma cinza quente depois de uma chuva, e onde nenhum homem se arriscaria a arriscar uma sola nua antes do pôr do sol. Na Pequena Isabel uma velha palmeira esfarrapada, de grosso tronco volumoso áspero de espinhos, muito feiticeira entre palmeiras, farfalha um lúgubre ramalhete de folhas mortas sobre a areia grossa.

Rubrica 6 (H6)

Este último não tem mais de trinta centímetros de altura e cerca de sete passos de diâmetro, um mero topo plano de uma rocha cinzenta que fumega como uma cinza quente depois de uma chuva, e onde nenhum homem se arriscaria a arriscar uma sola nua antes do pôr do sol. Na Pequena Isabel uma velha palmeira esfarrapada, de grosso tronco volumoso áspero de espinhos, muito feiticeira entre palmeiras, farfalha um lúgubre ramalhete de folhas mortas sobre a areia grossa.

Citações em bloco

Citação de bloco de linha única:

Permaneça faminto. Permaneça tolo.

Citação em bloco de várias linhas com uma referência de citação:

o HTML

Elemento (ou Elemento de cotação de bloco HTML) indica que o texto incluído é uma citação estendida. Normalmente, isso é renderizado visualmente por recuo (consulte Notas para saber como alterá-lo). Um URL para a fonte da cotação pode ser fornecido usando o citar atributo, enquanto uma representação de texto da fonte pode ser dada usando o atributo elemento.

vários colaboradores – referência de elemento HTML MDN – blockquote

Tabelas

Empregado Salário
John Doe $1 Porque isso é tudo que Steve Jobs precisava para um salário.
Jane Doe $100K Por todos os blogs que ela faz.
Fred Bloggs $100M Imagens valem mais que mil palavras, certo? Então Jane x 1.000.
Jane Bloggs $100B Com o cabelo assim?! Chega de falar…

Listas de definição

Título da lista de definições
Divisão da lista de definição.
Comece
Uma startup ou startup é uma empresa ou organização temporária projetada para buscar um modelo de negócios repetível e escalável.
#dotrabalho
Cunhado por Rob Dyrdek e seu guarda-costas pessoal Christopher “Big Black” Boykins, “Do Work” funciona como um auto motivador, para motivar seus amigos.
Faça ao vivo
Eu vou deixar Bill O'Reilly vai explique Este.

Listas não ordenadas (aninhadas)

  • Item da lista um
    • Item da lista um
      • Item da lista 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 ordenada (aninhada)

  1. Item da lista um - comece em 8
    1. Item da lista um
      1. Atributo invertido do item um da lista
      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

Tags HTML

Essas tags suportadas vêm do código WordPress.com Perguntas frequentes.

Etiqueta de endereço

1 Loop Infinito
Cupertino, CA 95014
Estados Unidos

Marca de âncora (também conhecida como Link)

Este é um exemplo de um link.

Etiqueta de abreviatura

A abreviatura sério significa “sério”.

Marca de sigla (obsoleto em HTML5)

A sigla ftw significa "para a vitória".

Grande Tag (obsoleto em HTML5)

Esses testes são um grande deal, mas essa tag não é mais compatível com HTML5.

Citar Tag

“Código é poesia.” —Automático

Código da etiqueta

Essa tag estiliza blocos de código.

.post-título {
margem: 0 0 5px;
intensidade da fonte: Negrito;
tamanho da fonte: 38px;
altura da linha: 1,2;
e aqui está uma linha de algum texto muito, muito, muito, muito longo, apenas para ver como ele é tratado e descobrir como ele transborda;
}


Você aprenderá mais tarde nestes testes que quebra-palavras: quebra-palavras;será seu melhor amigo.

Excluir etiqueta

Esta etiqueta permitirá que você riscar texto, mas esta etiqueta é recomendado suportado em HTML5 (use o em vez de).

Marca de ênfase

A marca de ênfase deve itálico texto.

Etiqueta de regra horizontal


Esta frase segue uma <hr> marcação.

Inserir etiqueta

Esta etiqueta deve denotar inserido texto.

Etiqueta do teclado

Esta tag pouco conhecida emula texto do teclado, que geralmente é estilizado como o marcação.

Etiqueta pré-formatada

Essa tag é para preservar o espaço em branco conforme digitado, como em poesia ou arte ASCII.

A estrada não percorrida


Robert Frost


  Duas estradas divergiram em uma floresta amarela, E desculpe, eu não poderia viajar pelas duas (_/) E ser um viajante, por muito tempo eu parei (='.'=) E olhei para baixo uma o mais longe que pude (")_(") Para onde se dobrava na vegetação rasteira; Então pegou o outro, tão justo quanto, E tendo talvez a melhor reivindicação, |_/| Porque era gramado e queria desgaste; / @ @ Embora a passagem por lá ( > º < ) Os tivesse usado realmente sobre o mesmo, `>>x<<´ / O E ambos naquela manhã igualmente deitados Em folhas, nenhum passo pisou preto. Ah, guardei o primeiro para outro dia! No entanto, sabendo como o caminho leva ao caminho, duvidei que algum dia voltasse. Estarei contando isso com um suspiro Em algum lugar daqui a muito tempo: Duas estradas divergiram em uma floresta, e eu? Peguei a menos percorrida, E isso fez toda a diferença. e aqui está uma linha de um texto muito, muito, muito, muito longo, só para ver como é tratado e descobrir como transborda;

Etiqueta de cotação para citações curtas e em linha

Desenvolvedores, desenvolvedores, desenvolvedores… –Steve Ballmer

Strike Tag (obsoleto em HTML5) e Etiqueta S

Esta etiqueta mostra tachado texto.

Etiqueta pequena

Esta etiqueta mostra menor texto.

Marca forte

Esta etiqueta mostra texto em negrito.

Tag de subscrito

Colocando nosso estilo científico em prática com H2O, que deve empurrar o “2” para baixo.

Tag sobrescrito

Ainda aderindo à ciência e ao E = MC de Albert Einstein2, que deve levantar os 2.

Etiqueta de teletipo (obsoleto em HTML5)

Esta tag raramente usada emula texto de teletipo, que geralmente é estilizado como o marcação.

Marca de sublinhado obsoleto em HTML 4, reintroduzido em HTML5 com outras semânticas

Esta etiqueta mostra texto sublinhado.

Tag variável

Isso permite denotar variáveis.

Deslocamento da imagem

Imagem de alinhamento central

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 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 maleuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus em scelerisque est.

Quisque em 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 arcu sed tempus. Praesent id lorem nec turpis porttitor sempre. 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 facilisis aliquet elit, a egestas quam cursus quis. Em 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 maleuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus em scelerisque est.

Quisque em 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 arcu sed tempus. Praesent id lorem nec turpis porttitor sempre. 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 facilisis aliquet elit, a egestas quam cursus quis. Em mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Imagem 150 × 150, 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 maleuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus em scelerisque est.

Quisque em 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 arcu sed tempus. Praesent id lorem nec turpis porttitor sempre. 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 facilisis aliquet elit, a egestas quam cursus quis. Em 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 fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.