Ajuda:Tutorial/Guia Prático

De Flapédia
Ir para: navegação, pesquisa

Conteúdo

Os códigos wiki para formatar artigos

Para fazer com que o texto se pareça com o que está na coluna da esquerda abaixo (efeito obtido), escreva aquilo que se encontra na coluna da direita (código). Você pode deixar esta página aberta numa janela separada do navegador para servir como referência. Se você quiser apenas experimentar sem correr o risco de fazer algum mal a uma página, você pode praticar no (Parque dos Miúdos).


Texto, secções, parágrafos, listas e linhas

Resultado obtido A escrever

Cabeçalhos:

Nova secção

Sub-secção

Sub-sub-secção


== Nova secção ==

=== Sub-secção ===

==== Sub-sub-secção ====

Novo parágrafo:

Um final de linha apenas é usado para separar frases dentro de um parágrafo. Um novos parágrafo é criado pressionando-se duas vezes a tecla enter, no seu teclado.

Ou seja, para iniciar outro parágrafo tem de haver uma linha em branco entre as frases.

Um final de linha apenas é usado para
separar frases dentro de um parágrafo.
Um novos parágrafo é criado pressionando-se 
duas vezes a tecla ''enter'', no seu teclado.

Ou seja, para iniciar outro parágrafo tem de
haver uma linha em branco entre as frases.

Quebrar linhas:

Você pode quebrar linhas
sem começar um novo parágrafo.

Você pode quebrar linhas<br>
sem começar um novo parágrafo.

Lista com marcadores:

  • Listas são fáceis de fazer:
    • comece cada linha com um asterisco
    • mais asteriscos significam níveis mais

profundos

* Listas são fáceis de fazer:
** comece cada linha com um asterisco
** mais asteriscos significam níveis mais
profundos

Lista numerada:

  1. Listas numeradas também são boas
  2. aqui está um item
    1. aqui está um sub-item
    2. e aqui outro
  3. Mas lembre-se que o símbolo # tem de estar

completamente enconstado à esquerda.

# Listas numeradas também são boas
# aqui está um item
## aqui está um sub-item
## e aqui outro
#Mas lembre-se que o símbolo # tem de estar 
completamente enconstado à esquerda.

Lista combinada:

  • Você pode até mesmo combinar funções
    1. para formar um lista diferente
      • como aqui
* Você pode até mesmo combinar funções
*# para formar um lista diferente
*#* como aqui

Título com texto:

Título 
com texto
Item 
a definição do item
; Título : com texto
; Item : a definição do item 

Identação:

Dois pontos servem para identar uma linha ou parágrafo.
Duas vezes dois pontos identam ainda mais.

Um caracter numa nova linha inicia um novo parágrafo. Nota: Geralmente usado em páginas de discussão para diferenciar entre os diferentes comentários com facilidade.

: Dois pontos servem para identar uma linha
ou parágrafo.
::Duas vezes dois pontos identam ainda mais.
Um caracter numa nova linha inicia um novo
parágrafo.

Não formatar:

Se uma linha começa com um espaço
então ela será formatada
exatamente como for digitada;
com uma fonte de tamanho fixo;
e as  linhas não serão quebradas;
isto é útil para:
* colagem de texto preformatado;
* descrição de algoritmos;
* código fonte de programas
* arte ascii;

Atenção: os browsers não quebram automaticamente linhas desse tipo,
e simplesmente aumentam indefinidamente a largura da janela, que pode ser um efeito não desejável.

 Se uma linha começa com um espaço
então ela será formatada
exatamente como for digitada;
com uma fonte de tamanho fixo;
e as linhas não serão quebradas;
isto é útil para:
* colagem de texto preformatado;
* descrição de algoritmos;
* código fonte de programas
* arte ascii;

Mostrar o código wiki:

Ha três maneiras para exibir o codigo wiki, ao invés de formatação, você pode usar o componente:

  1. <code>
  2. <pre>
  3. <nowiki>

A diferença entre o “code” e “pre” é que o componente "pre" preserva quebra de linhas, enquanto o componente "code" não. O componente "nowiki" tag funciona como o componente “code” exceto que ele não usa fonte monospace.

Há três maneiras para exibir o codigo wiki,
ao invés de formatação,você pode usar
o componente:
  1. <code></code>
  2. <pre></pre>
  3. <nowiki></nowiki>
A diferença entre o “code” e “pre”
é que o componente "pre" preserva quebra
de linhas, enquanto o componente "code" 
não. O componente "nowiki" tag funciona 
como o componente “code” exceto que ele
não usa fonte monospace.  

Centrar texto:

Texto centrado.
<center>Texto centrado.</center>

Linha divisória:

Uma linha horizontal de divisão com texto em cima


e em baixo.

Ou ainda duas linhas



Nota: muito útil para separar conversas diferentes em páginas de discussão.

 Uma linha horizontal de divisão com texto
em cima
----
e em baixo. 

Ou ainda duas linhas
----
----


Links, URLs, imagens

Resultado obtido A escrever

Ligação interna para secção de artigo:

Link para uma seção de uma página, exemplo Lista_de_cidades_por_país#Marrocos

Nota: links para seções inexistentes são tratados como se fossem links para o topo da página.

[[Lista_de_cidades_por_país#Marrocos]]

Escolha do nome para a ligação interna:

Mesmo alvo, nomes diferentes: Perguntas frequentes.


Esconder o termo entre parêntesis: reino.


Esconder o namespace: FAQ.

Mesmo alvo, nomes diferentes:
[[Flapédia:FAQ|Perguntas frequentes]].
Esconder o termo entre parêntesis:
[[reino (biologia)|reino]].

Nota: O servidor preenche a parte que vem depois de | após você gravar a página

Esconder o namespace: [[Flapédia:FAQ|FAQ]]. 

Terminação da palavra na ligação interna:

Combinar as terminações das palavras com a ligação: genes

Combinar as terminações das palavras com a ligação:
[[gene]]s

Redireccionamento:

Redirecionamento – a busca pelo título de um artigo será redireccionada para outro, se colocar um texto como este na primeira linha dele.

#REDIRECT [[Estados Unidos da América]]
Ligação externa:

Link externo: Flamengo

Link externo: [http://www.flamengo.com.br Flamengo]

URL

Ou apenas forneça a URL: http://www.flamengo.com.br

Nota: Num URL todos os caracteres devem estar entre: A-Z, a-z, 0-9, ._\/~%-+&#?!=()@ \x80-\xFF. Se um URL contém um caracter diferente, ele deve ser convertido; por exemplo, ^ deve ser escrito como %5E (segundo lê-se na tabela ASCII).

Ou apenas forneça a URL: http://www.flamengo.com.br 

Usar imagem:

Arquivo:Flapédia-logo.jpg

Uma figura: [[Imagem:Flapédia-logo.jpg]]
ou, com a presença de texto alternativo (altamente recomendado)
[[Imagem:Flapédia-logo.jpg|Flapédia
- A Enciclopédia Livre]]
Navegadores web mostram o texto alternativo quando eles não são capazes
de mostrar a imagem -- por exemplo, quando a imagem não foi carregada, ou quando
o navegador somente mostra texto, ou quando o navegador fala o texto em voz alta.

Ligar à página de uma imagem:

Clicar numa imagem faz com que apareça uma página de descrição, à qual também se pode ligar diretamente: Imagem:Flapédia-logo.jpg

[[:Imagem:Flapédia-logo.jpg]]

Formatação de caracteres

Resultado obtido A escrever

Itálico e negrito

Esta linha está em itálico. (envolta com duplo apóstrofo)

Esta também! (envolta com tags de HTML)

E ainda esta! (usando um código ainda diferente).

Esta linha está em bold/negrito (envolta com triplo apóstrofo)

Esta também! (envolta com tags de HTML)

Por exemplo, em fórmulas matemáticas:

F = ma

Nota: Todavia a diferença entre estes dois métodos não é muito importante para os navegadores gráficos, e a maioria das pessoas pode ignorá-la.

''Esta linha está em itálico.'' (envolta com duplo apóstrofo)

<i>Esta também!</i> (envolta com tags de HTML)

<em>E ainda esta!</em> (usando um código ainda diferente).

'''Esta linha está em bold/negrito''' (envolta com triplo apóstrofo)

<b>Esta também!</b> (envolta com tags de HTML)

Por exemplo, em fórmulas matemáticas:

:<b>F</b> = <i>m</i><b>a</b>

Combinação de métodos

Enfatizar, com força, com bastante força.

Nota:Estes são apóstrofos duplos e triplos, e não aspas duplas.

''Enfatizar'', '''com força''',
'''''com bastante força'''''.

Termos técnicos

Uma fonte estilo máquina de escrever para termos técnicos.

Uma fonte estilo máquina de escrever para <tt>termos
técnicos</tt>.

Reduzir fonte

Você pode usar um texto pequeno para legendas ou notas.

Você pode usar um <small>texto pequeno</small> para
legendas ou notas.

Riscar e sublinhar texto

Você pode riscar material que deva ser apagado e sublinhar novo material..

Você pode <strike>riscar material que deva ser
apagado</strike> e <u>sublinhar novo material</u>.


Sobrescrito e subscrito

Você pode fazer sobrescrito e subscrito. f(x) = a0 + a1x1

 Você pode fazer <sup>sobrescrito</sup> 
e <sub>subscrito</sub>.

f(x) = a<sub>0</sub> + a<sub>1</sub>x<sub>1</sub> 

Cor e tamanho

Você pode controlar o tamanho da fonte e sua cor!

Pode também utilizar a propriedade color com uma cor RGB (Red, Green, Blue)

f(x) = a0 + a1x1...

 Você pode controlar o 
<font size=+1>tamanho</font> da fonte e sua 
<font color=blue>cor</font>! 

Pode também utilizar a propriedade 
color com uma cor RGB (Red, Green, Blue) 

<font size=+2 color=red>f(x) = a<sub>0</sub> + 
a<sub>1</sub>x<sub>1</sub>...</font>

Acentos e notações lexicais

À Á Â Ã Ä Å
Æ Ç È É Ê Ë
Ì Í Î Ï Ñ Ò
Ó Ô Õ Ö Ø Ù
Ú Û Ü ß à á
â ã ä å æ ç
è é ê ë ì í
î ï ñ ò ó ô
œ õ ö ø ù ú
û ü ÿ

&Agrave; &Aacute; &Acirc; &Atilde; &Auml; &Aring;
&AElig; &Ccedil; &Egrave; &Eacute; &Ecirc; &Euml; 
&Igrave; &Iacute; &Icirc; &Iuml; &Ntilde; &Ograve;
&Oacute; &Ocirc; &Otilde; &Ouml; &Oslash; &Ugrave; 
&Uacute; &Ucirc; &Uuml; &szlig; &agrave; &aacute;
&acirc; &atilde; &auml; &aring; &aelig; &ccedil; 
&egrave; &eacute; &ecirc; &euml; &igrave; &iacute;
&icirc; &iuml; &ntilde; &ograve; &oacute; &ocirc; 
&oelig; &otilde; &ouml; &oslash; &ugrave; &uacute;
&ucirc; &uuml; &yuml;

Pontuação

¿ ¡ « » § ¶
† ‡ • —

&iquest; &iexcl; &laquo; &raquo; &sect; &para;
&dagger; &Dagger; &bull; &mdash;

Símbolos comerciais

™ © ® ¢ € ¥
£ ¤

&trade; &copy; &reg; &cent; &euro; &yen;
&pound; &curren;

Índice e expoente

Índice: x2
Expoente: x2 ou x²

Nota: O último método de escrever índices superiores não pode ser usado em todos os contextos, mas seu uso é recomendado sempre que possível (como em unidades de medida) porque a maioria dos navegadores gasta menos tempo na formatação das linhas com ele. ε0 = 8.85 × 10−12C² / J m.

Índice: x<sub>2</sub>
Expoente: x<sup>2</sup> ou x&sup2;
&epsilon;<sub>0</sub> =
8.85 &times; 10<sup>&minus;12</sup>
C&sup2; / J m.

Caracteres gregos

α β γ δ ε ζ
η θ ι κ λ μ ν
ξ ο π ρ σ ς
τ υ φ χ ψ ω
Γ Δ Θ Λ Ξ Π
Σ Φ Ψ Ω

&alpha; &beta; &gamma; &delta; &epsilon; &zeta; 
&eta; &theta; &iota; &kappa; &lambda; &mu; &nu;
&xi; &omicron; &pi; &rho;  &sigma; &sigmaf;
&tau; &upsilon; &phi; &chi; &psi; &omega;
&Gamma; &Delta; &Theta; &Lambda; &Xi; &Pi;
&Sigma; &Phi; &Psi; &Omega;

Caracteres matemáticos

∫ ∑ ∏ √ − ± ∞
≈ ∝ ≡ ≠ ≤ ≥ →
× · ÷ ∂ ′ ″
∇ ‰ ° ∴ ℵ ø
∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ ⇒ ⇔
→ ↔

&int; &sum; &prod; &radic; &minus; &plusmn; &infin;
&asymp; &prop; &equiv; &ne; &le; &ge; &rarr;
&times; &middot; &divide; &part; &prime; &Prime;
&nabla; &permil; &deg; &there4; &alefsym; &oslash;
&isin; &notin; &cap; &cup; &sub; &sup; &sube; 
&supe;&not; &and; &or; &exist; &forall; &rArr; 
&hArr;&rarr; &harr;
x2   ≥   0

verdadeiro.

Nota: Para criar espaçamentos, use espaços inquebráveis - &nbsp;.
&nbsp; também evita quebras de linha no meio do texto. Útil para fórmulas.

<i>x</i><sup>2</sup>&nbsp;&nbsp;&ge;&nbsp;&nbsp;0 verdadeiro.

Fórmulas complicadas

  <math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>

 
<math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>

Suspensão da interpretação da marcação

Link → (<i>para</i>) a [[FAQ da Flapédia]] Nota: Usado para mostrar literalmente dados que, de contrário, teriam significado especial.

Cancela todos os códigos wiki, inclusive aqueles semelhantes a códigos HTML.

Não cancela entidades de caracter HTML.

<nowiki>Link &rarr; (<i>para</i>) 
a [[FAQ da Flapédia]]</nowiki>

Inserção de comentários invisíveis

Não são mostrados na página

Nota: usado, por exemplo, para deixar comentários numa página para futuros editores. Só é visível ao editar uma página.

<!-- o comentário vai aqui -->

Tabelas

Exemplos
Item um Item dois
Item tres Item quatro

Uma tabela mais moderna:

Item um Item dois
Item tres Item quatro
Item cinco
Códigos
{| border=1
|-----
| Item um || Item dois
|-----
| Item tres || Item quatro
|}

Uma tabela mais moderna:
{| border=1
|-----
| Item um || Item dois
|-----
| rowspan=2 | Item tres || Item quatro
|-----
| Item cinco
|}

Onde treinar

Pratique editar páginas no nosso Parque dos Miúdos!

Ferramentas pessoais
Espaços nominais

Variantes
Ações
Navegação
Ferramentas