\ \

..:: TWiki em português -- TextFormattingFAQ ::..

Warning: Can't find topic SelectTwikiWebs

FAQ de Formatação de Texto

As perguntas mais freqüentes sobre formatação de texto estão respondidas. Além dessa, o tópico TextFormattingRules contém o sistema TWiki shorthand completo em uma página de referência rápida.


Como faço um separador?

Crie um separador - a horizontal rule - digitando três traços no início de uma linha em branco: ---. Você pode digitar mais de três se quiser, para um separador mais visível na edição:
--------------


Como crio um cabeçalho?

Você pode criar seis tamanhos de cabeçalhos - <h1>...<h6> em HTML - digitando, do início da linha, três traços (-), de um a seis sinais positivos (+), um espaço, e o seu texto de cabeçalho. As perguntas do FAQ nessa página são criadas com: ---+++ Have a question?.

  • Você pode inserir uma tabela aninhada de conteúdo, geradas a partir de cabeçalhos, ao colocar %TOC% em qualquer lugar que desejar em uma página (veja TWikiVariables para mais opções %TOC% ).


Texto envolvido por < e > como <filename> não aparece. Como posso mostrá-lo como ele é?

TWiki interpreta texto como HTML, e os caracteres '<' e '>' definem onde começam e terminam os comandos HTML. Text inside angle brackets é tratado como HTML, e ignorado caso ele não faça nada - dos dois modos, os brackets e seus conteúdos não são mostrados.

Caso deseje mostrar angle brackets, insira-os como códigos HTML em vez de digitá-los diretamente:

  • &lt; = <
    &gt; = >

  • Você digita: (a &gt; 0)

    Resultado: (a > 0)


Algumas palavras aparecem marcadas com uma "?" linkada no final. Como previno isso?

Um sinal de interrogação depois de uma palavra é um link para um tópico que ainda não existe - clique sobre ele para criar a nova página. Essa é uma característica TWiki - digitando um MeaningfulTitle? em um comentário é um convite para alguma outra pessoa adicionar um novo branch ao tópico.

Para evitar auto-linking - digamos que você deseje entrar com uma palavra como JavaScript (a soletração correta!) - prefixe a WikiStyleWord? com a tag TWiki HTML <nop>:

  • <nop>WikiStyleWord aparece como WikiStyleWord


Como escrevo um texto com fonte fixa? (monoespaçada)

A maneira mais rápida é colocar o texto entre sinais de igual:

  • Você digita: Proportional text, =fixed font=, proportional again.

    Resultado: Proportional text, fixed font, proportional again.


Estou inserindo texto envolvido por formatação. Como eu o mantenho fomatado como ele é?

TWiki interpreta texto como HTML, então você pode usar a opção HTML preformatted para manter a nova linha do texto como ela é. Coloque o texto entre <pre> </pre>, ou na tag TWiki <verbatim> </verbatim>:

Este texto irá manter o seu formato:
<verbatim>
  Unit     Price   Qty  Cost
  -------  ------  ---  ------
  aaa       12.00    3   36.00
</verbatim>

A tag pre é um padrão HTML; verbatim é uma tag especial TWiki que força o texto a ficar num modo de fonte fixa, e também previne que outras tags e TWiki shortcuts sejam expandidas.


Como crio tabelas?

Existem três possibilidades:

  1. Use a regra Wiki com barras verticais "|".
  2. Use tabelas HTML com tags <table>, <tr>, <td>.
  3. Use texto pré-formatado com as tags <verbatim>.

1. Use a regra Wiki com barras verticais "|"

  • Texto de exemplo:
    | cell A1 | cell B1 | cell C1 |
    | cell A2 | cell B2 | cell C2 |
  • Saída do exemplo:
    cell A1 cell B1 cell C1
    cell A2 cell B2 cell C2

2. 2 Use tabelas HTML com tags <table>, <tr>, <td>

Este é um processo manual usando comandos HTML.

Você digita:

<table border="1">
  <tr>
    <th> Head A  </th> <th> Head B  </th>
  </tr><tr>
    <td> Cell A2 </td> <td> Cell B2 </td>
  </tr><tr>
    <td> Cell A3 </td> <td> Cell B3 </td>
  </tr>
</table>

Resultado:

Head A Head B
Cell A2 Cell B2
Cell A3 Cell B3

3. Use texto pré-formatado com as tags <verbatim>

Veja "Text enclosed..."


Posso incluir imagens em uma página?

Sim. A maneira mais fácil é attach um arquivo GIF, JPG ou PNG a um tópico e então colocá-lo com: %ATTACHURL%/myImage.gif. Isso funciona apenas para a página em que a imagem é anexada.

Para colocar uma imagem em qualquer página, existem duas maneiras de incluir imagens inline.

1. Usando URL com extensões .gif, .jpg, .jpeg, .png

Esta é uma maneira simples e automática de incluir imagens inline. Simplesmente escreva a URL do arquivo de imagem, que a imagem inline será criada para você. NOTA: As imagens devem ser como uma URLaccessible.

  • Você digita: TWiki http://aulas.edugraf.ufsc.br/pub/TWiki/TWikiLogos/twikilogo88x31.gif logo.
    Resultado: TWiki twikilogo88x31.gif logo.

Você pode mandar imagens diretamente para o seu servidor com acesso FTP. Você também pode attach arquivos de imagem a um tópico - você pode até mesmo criar um dedicated image topic, como ImageLibrary - e então formar um link para as imagens diretamente:

  • Anexe pic.gif a Someweb.SomeTopic
    Mostra com http://aulas.edugraf.ufsc.br/pub/Someweb/SomeTopic/pic.gif

2. Using <img> tag

Este é um processo manual em que você tem mais controle sobre o rendimento da imagem. Use <img> tag de HTML para incluir arquivos GIF, JPG e PNG. Nota: A exibição do tópico será mais rápida se você incluir os parâmetros WIDTH e HEIGHT que contenham o tamanho verdadeiro da imagem. http://www.htmlhelp.com/reference/wilbur/special/img.html tem mais em imagens inline.

  • Você digita: TWiki <img src="http://aulas.edugraf.ufsc.br/pub/TWiki/TWikiLogos/twikilogo88x31.gif" width="88" height="31" border="0" alt="logo" /> logo.
    Resultado:
    TWiki logo logo.


Posso criar um texto colorido?

TWikiPreferences define algumas cores comumente usadas: %YELLOW%, %RED%, %PINK%, %PURPLE%, %TEAL%, %NAVY%, %BLUE%, %AQUA%, %LIME%, %GREEN%, %OLIVE%, %MAROON%, %BLACK%, %GRAY%, %SILVER% e %ENDCOLOR%.

  • Você digita: %RED% texto em vermelho %ENDCOLOR% e %GREEN% texto em verde %ENDCOLOR%

    Resultado: texto em vermelho e texto em verde .

Nota: %<color>% texto precisa terminar com %ENDCOLOR%. Se você deseja mudar de uma cor para outra, você primeiro precisa terminar a cor ativa no momento com %ENDCOLOR%, ex : escreva %RED% algum texto %ENDCOLOR% %GREEN% mais texto =ENDCOLOR%.

Se você precisar de mais cores, você tem a opção de usar HTML, como <font color="#ff0000"> texto vermelho </font>.

Você também pode usar o atributo atualizado style - ex: style="color:#ff0000" - colocado na maioria das tags HTML. span é uma escolha para todos os propósitos: <span style="color:#ff0000">CoLoR</span>. Somente browsers antigos (como 3.x IE & NS) têm problema com style.

O código é o código hexadecimal RGB, que é simplemente valores de vermelho, verde e azul em notação hex(base 16, 0-F). Para o vermelho puro, as componentes são RGB 255-0-0, para o vermelho completo(255), nenhum verde ou azul.

Isso é FF-0-0 em hexadecimal, ou "#ff000" para propósitos de Web pages. StandardColors? lista as cores básicas.


-- PeterThoeny - 21 Feb 2002
-- MikeMannix - 14 Sep 2001

TraducaoForm
Categoria Traducao
EstadoDaTraducao ParcialmenteTraduzido
FonteOriginal

Tópico TextFormattingFAQ    --    Editar Anexar Ver diffs Mais...

XHTML 1.0 válido! CSS válido! Sou tableless!