Guia de estilo

Esta última não tem mais de um pé de altura e cerca de sete passos de largura, um mero topo plano de uma rocha cinzenta que fumega como uma brasa depois de uma chuvada, e onde nenhum homem gostaria de se aventurar com a sola nua antes do pôr do sol. Na Pequena Isabel, uma palmeira velha e esfarrapada, com um tronco grosso e protuberante, cheio de espinhos, muito bruxuleante entre as palmeiras, agita um cacho sombrio de folhas mortas sobre a areia grossa.

Cabeçalho um

Esta última não tem mais de um pé de altura e cerca de sete passos de largura, um mero topo plano de uma rocha cinzenta que fumega como uma brasa depois de uma chuvada, e onde nenhum homem gostaria de se aventurar com a sola nua antes do pôr do sol.

Cabeçalho dois

Esta última não tem mais de um pé de altura e cerca de sete passos de largura, um mero topo plano de uma rocha cinzenta que fumega como uma brasa depois de uma chuvada, e onde nenhum homem gostaria de se aventurar com a sola nua antes do pôr do sol.

Cabeçalho três

Esta última não tem mais de um pé de altura e cerca de sete passos de largura, um mero topo plano de uma rocha cinzenta que fumega como uma brasa depois de uma chuvada, e onde nenhum homem gostaria de se aventurar com a sola nua antes do pôr do sol.

Cabeçalho quatro

Esta última não tem mais de um pé de altura e cerca de sete passos de largura, um mero topo plano de uma rocha cinzenta que fumega como uma brasa depois de uma chuvada, e onde nenhum homem gostaria de se aventurar com a sola nua antes do pôr do sol.

Cabeçalho cinco

Esta última não tem mais de um pé de altura e cerca de sete passos de largura, um mero topo plano de uma rocha cinzenta que fumega como uma brasa depois de uma chuvada, e onde nenhum homem gostaria de se aventurar com a sola nua antes do pôr do sol.

Cabeçalho seis

Esta última não tem mais de um pé de altura e cerca de sete passos de largura, um mero topo plano de uma rocha cinzenta que fumega como uma brasa depois de uma chuvada, e onde nenhum homem gostaria de se aventurar com a sola nua antes do pôr do sol.

Citações em bloco

Citação de bloco de uma linha:

Mantém a fome. Não sejas tolo.

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

As pessoas pensam que concentrar-se significa dizer sim àquilo em que se tem de concentrar. Mas não é isso que significa de todo. Significa dizer não às centenas de outras boas ideias que existem. É preciso escolher com cuidado. Na verdade, tenho tanto orgulho nas coisas que não fizemos como nas que fizemos. Inovar é dizer não a mil coisas.

Steve Jobs – Conferência Mundial de Desenvolvedores da Apple, 1997

Tabelas

Empregado Salário
Joana $1 Porque era tudo o que Steve Job’ precisava para ganhar um salário.
João $100K Por todos os blogues que faz.
Joana $100M As imagens valem mais do que mil palavras, certo? Portanto, Tom x 1.000.
Joana $100B Com um cabelo assim?! Basta dizer…

Listas de definição

Definição Lista Título
Divisão da lista de definições.
Arranque
Uma empresa em fase de arranque ou startup é uma empresa ou organização temporária concebida para procurar um modelo de negócio repetível e escalável.
#trabalho
Criado por Rob Dyrdek e pelo seu guarda-costas pessoal Christopher “Big Black” Boykins, “Do Work” funciona como um auto-motivador, para motivar os seus amigos.
Fazer em direto
Vou deixar o Bill O’Reilly explicar esta.

Listas não ordenadas (aninhadas)

  • Item da lista um
    • Item da lista um
      • Item da lista um
      • Item dois da lista
      • Item da lista três
      • Item quatro da lista
    • Item dois da lista
    • Item da lista três
    • Item quatro da lista
  • Item dois da lista
  • Item da lista três
  • Item quatro da lista

Lista ordenada (aninhada)

  1. Item da lista um
    1. Item da lista um
      1. Item da lista um
      2. Item dois da lista
      3. Item da lista três
      4. Item quatro da lista
    2. Item dois da lista
    3. Item da lista três
    4. Item quatro da lista
  2. Item dois da lista
  3. Item da lista três
  4. Item quatro da lista

Etiquetas HTML

Estas etiquetas suportadas provêm do código FAQ do WordPress.com.

Etiqueta de endereço

1 Infinite Loop
Cupertino, CA 95014
Estados Unidos

Anchor Tag (aka. Link)

Este é um exemplo de uma ligação.

Etiqueta de abreviatura

A abreviatura srsly significa “seriously” (a sério).

Acrónimo Tag

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

Etiqueta grande

Estes testes são muito importantes, mas esta etiqueta já não é suportada em HTML5.

Citar etiqueta

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

Etiqueta de código

Mais tarde, nestes testes, aprenderá que o word-wrap: break-word; será o seu melhor amigo.

Eliminar etiqueta

Esta etiqueta permite-lhe riscar texto, mas já não é suportada em HTML5 (em vez disso, utilize <strike> ).

Enfatizar a etiqueta

A etiqueta emphasize deve colocar o texto em itálico.

Inserir etiqueta

Esta etiqueta deve indicar o texto inserido.

Etiqueta do teclado

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

Etiqueta pré-formatada

Esta etiqueta estiliza grandes blocos de código.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Etiqueta de citação

Programadores, programadores, programadores… –Steve Ballmer

Etiqueta forte

Esta etiqueta mostra texto a negrito.

Etiqueta de subscrito

A nossa ciência está a ficar com estilo com o H2O, que deve empurrar o “2” para baixo.

Etiqueta sobrescrita

Continuo a manter-me fiel à ciência e ao princípio E = MC2 de Isaac Newton, que deve fazer subir os 2.

Etiqueta de teletipo

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

Etiqueta variável

Isto permite-lhe denotar variáveis.

 

No que diz respeito ao alinhamento, é de salientar que os utilizadores podem escolher entre as opções Nenhum, Esquerda, Direita e Centro. Além disso, também têm as opções de Miniatura, Médio, Grande e Tamanho completo.

A imagem acima está
centrada
.

O resto deste parágrafo é um enchimento para ver o texto a envolver a imagem 150×150, que está
alinhada à esquerda
.

Como pode ver, deve haver algum espaço acima, abaixo e à direita da imagem. O texto não deve ficar rastejando sobre a imagem. Rastejar não é correto. As imagens também precisam de espaço para respirar. Deixem-nos falar como as vossas palavras. Deixem-nos fazer o seu trabalho sem qualquer incómodo por parte do texto. Em cerca de mais uma frase, veremos que o texto se move da direita da imagem para baixo da imagem numa transição perfeita. Mais uma vez, deixo-o fazer o seu trabalho. Missão cumprida!

E agora uma
imagem de grandes dimensões
. Também não tem
nenhum alinhamento
.

A imagem acima, apesar de ter 1200 px de largura, não deve transbordar a área de conteúdo. Deve permanecer contido, sem perturbar visivelmente o fluxo de conteúdos.

E agora vamos mudar as coisas para o
alinhamento à direita
. Mais uma vez, deve haver bastante espaço em cima, em baixo e à esquerda da imagem. Basta olhar para ele… Olá, rapaz! Que bela forma de atuar com o lado direito. Não me interessa o que diz a imagem alinhada à esquerda, está óptima. Não deixes que ninguém te diga o contrário.

Daqui a pouco, deve ver o texto a começar a ficar por baixo da imagem alinhada à direita e a assentar bem. Ainda deve haver muito espaço e tudo deve estar bem assente. Sim… Sem mais nem menos. Nunca me senti tão bem por ter razão.

E quando pensavam que já tínhamos terminado, vamos fazê-las todas de novo com legendas!

Legenda com a ligação

A imagem acima está
centrada
. A legenda também tem uma hiperligação, só para ver se faz alguma coisa de estranho.