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:
- Você digita:
(a > 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:
- Use a regra Wiki com barras verticais "|".
- Use tabelas HTML com tags <table>, <tr>, <td>.
- 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
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.
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