Dicas de composição

  • Endereços de páginas de internet e emails viram links automaticamente.

  • Tags HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

    Este site permite que você use HTML. Embora aprender todos os detalhes de HTML possa parecer um pouco difícil, aprender algumas poucas "tags" HTML, as mais básicas, é fácil. Esta tabela apresenta exemplos de cada tag habilitada neste site.

    Para maiores informações, consulte as especificações do HTML, da W3C, ou então use algum site de busca para achar algum outro site que fale sobre HTML.

    Descrição da TagVocê EscreveVocê Terá
    Âncoras são usadas para criar links para outras páginas.<a href="http://www.xulispa.com.br">Xulispa, nêgo!</a>Xulispa, nêgo!
    Ênfase<em>Ênfase</em>Ênfase
    Forte<strong>Forte</strong>Forte
    Citação<cite>Citação</cite>Citação
    Código-fonte de programação<code>Codificado</code>Codificado
    Lista não ordenada - use <li> no começo de cada item da lista<ul> <li>Primeiro item</li> <li>Segundo item</li> </ul>
    • Primeiro item
    • Segundo item
    Lista ordenada - use <li> para iniciar cada item da lista<ol> <li>Primeiro item</li> <li>Segundo item</li> </ol>
    1. Primeiro item
    2. Segundo item
    Listas de verbetes são similares a outras listas HTML. <dl> inicia a lista de verbetes, <dt> inicia o verbete e <dd> inicia a descrição do verbete.<dl> <dt>Primeiro termo</dt> <dd>Primeira definição</dd> <dt>Segundo termo</dt> <dd>Definição 2</dd> </dl>
    Primeiro termo
    Primeira definição
    Segundo termo
    Definição 2

    A maioria dos caracteres, inclusive os pouco usados, podem ser inseridos nenhum problema.

    Se você encontrar algum problema, tente usar entidades HTML de caractere. Um exemplo comum é &amp; para o caractere "e comercial", &. Para uma lista completa das entidades veja a página entidades HTML (em inglês). Alguns dos caracteres disponíveis são:

    Descrição do caractereVocê EscreveVocê Terá
    "E" comercial&amp;&
    Maior que&gt;>
    Menor que&lt;<
    Aspas&quot;"
  • Quebras de linhas e parágrafos são automaticamente reconhecidos. As tags de quebra de linha, <br />, de parágrafo, <p>, e de fim de parágrafo, <p>, são inseridas automaticamente. Se os parágrafos não forem reconhecidos, basta inserir algumas linhas em branco.

  • Para adicionar o efeito lightbox em links de imagens, coloque o atributo rel="lightbox" em qualquer tag de Âncora (link). Ex:

    <a href="imagem-1.jpg" rel="lightbox">imagem #1</a>

    <a href="imagem-1.jpg" rel="lightbox[][título]">imagem #1</a>

    Para mostrar uma legenda use o atributo title ou coloque no segundo conjunto de colchetes do atributo rel.

    Se você quiser agrupar um conjunto de imagens, é necessário incluir o nome do grupo entre colchetes no atributo rel. Por exemplo:

    <a href="imagem-1.jpg" rel="lightbox[grupo]">imagem #1</a>
    <a href="imagem-2.jpg" rel="lightbox[grupo][título 2]">imagem #2</a>
    <a href="imagem-3.jpg" rel="lightbox[grupo][título 3]">imagem #3</a>

    Não há limite de conjuntos de imagens por página ou quantidade de imagens em cada grupo.

    Se você deseja transformar a legenda em um link, o formato da legenda precisa ter a seguinte forma:

    <a href="imagem-1.jpg" rel='lightbox[][<a href="http://url.com">Ver detalhes</a>]' >imagem #1</a>

  • Nomes de usuários no estilo Twitter - ex: @xulispanego - são convertidos automaticamente em link para a página do usuário no Twitter.
  • "Hashtags" no estilo Twitter - ex: #xulispa - são convertidas automaticamente em link de pesquisa no search.twitter.com.