Principal

Dicas de composição

  • Allowed HTML tags: <a> <em> <strong> <small> <sup> <sub> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <h2> <h3> <h4> <img> <br> <br /> <p> <div> <span> <b> <i>

    Este site permite conteúdo em HTML. Se aprender tudo de HTML pode parecer complicado, aprender como usar um pequeno número de "tags" básicas é fácil. Esta tabela contém exemplos para cada tag que é autorizada neste site.

    Para mais informações veja as Especificações HTML (em inglês) da W3C (World Wide Web Consortium), ou use seu buscador preferido para encontrar sites em português que explicam o HTML. Nós recomendamos o Tutorial de HTML para leigos e profissionais da USP.

    Descrição da TagVocê DigitaVocê Terá
    Âncoras são usadas para criar links para outras páginas.<a href="http://rafaelsilva.net">WebPHP</a>WebPHP
    Enfatizado<em>Enfatizado</em>Enfatizado
    Destaque<strong>Destaque</strong>Destaque
    Nenhuma ajuda disponível para a tag small.
    Superescrito<sup>Super</sup>escritoSuperescrito
    Subescrito<sub>Sub</sub>escritoSubescrito
    Citação<cite>Citação</cite>Citação
    Citação em bloco<blockquote>Citação em bloco</blockquote>
    Citação em bloco
    Código de texto usado para exibir códigos de programação<code>Codificado</code>Codificado
    Lista não ordenada - use o <li> para iniciar cada item da lista<ul> <li>Primeiro item</li> <li>Segundo item</li> </ul>
    • Primeiro item
    • Segundo item
    Lista ordenada - use o <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 definição são similares a outras listas HTML. <dl> inicia a definição da lista, <dt> inicia a definição do termo e <dd> inicia a definição da descrição.<dl> <dt>Primeiro termo</dt> <dd>Primeira definição</dd> <dt>Segundo termo</dt> <dd>Segunda definição</dd> </dl>
    Primeiro termo
    Primeira definição
    Segundo termo
    Segunda definição
    Cabeçalho<h2>Subtítulo</h2>

    Subtítulo
    Cabeçalho<h3>Subtítulo três</h3>

    Subtítulo três
    Cabeçalho<h4>Subtítulo quatro</h4>

    Subtítulo quatro
    Nenhuma ajuda disponível para a tag img.
    Por padrão, tags de quebra de linha são automaticamente inseridas, então utilize esta tag para adicionar quebras adicionais. O uso desta tag é diferente porque ela não é usada com um par abrir/fechar como as outras. Lembre-s de usar uma " /" extra dentro da tag para manter a compatibilidade XHTML 1.0.Texto com <br />quebra de linhaTexto com
    quebra de linha
    Por padrão, tags de quebra de linha são automaticamente inseridas, então utilize esta tag para adicionar quebras adicionais. O uso desta tag é diferente porque ela não é usada com um par abrir/fechar como as outras. Lembre-s de usar uma " /" extra dentro da tag para manter a compatibilidade XHTML 1.0.Texto com <br />quebra de linhaTexto com
    quebra de linha
    Por padrão as tags de parágrafo são automaticamente inseridas, então utilize esta tag para parágrafos adicionais.<p>Parágrafo um.</p> <p>Parágrafo dois.</p>

    Parágrafo um.

    Parágrafo dois.
    Nenhuma ajuda disponível para a tag div.
    Nenhuma ajuda disponível para a tag span.
    Negrito<b>Negrito</b>Negrito
    Itálico<i>Itálico</i>Itálico

    Os caracteres mais usados podem ser digitados direto sem nenhum problema.

    Se encontrar problemas, tente usar entidades HTML. Um exemplo comum seria como &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 de CaractereVocê DigitaVocê Terá
    "E" comercial&amp;&
    Maior que&gt;>
    Menor que&lt;<
    Aspas&quot;"
  • Linhas e parágrafos são automaticamente reconhecidos. As tags de quebra de linha <br />, <p> parágrafo e </p> fechar parágrafo são inseridas automaticamente. Se os parágrafos não forem reconhecidos simplesmente adicione duas linhas em branco.