Desciclopédia:Tutorial/html

Origem: Desciclopédia, a enciclopédia livre de conteúdo.
Ir para: navegação, pesquisa
Desciclopedia.png
E
s
s
e
n
c
i
a
l
Manual do Desciclopediano
Os dez mandamentos
Como ser engraçado
e não apenas idiota
Regras
B
á
s
i
c
o
Introdução
Sobre o site
Página de testes
Adicionar links internos e externos
Separar artigos em seções
Utilizar HTML
Adicionar imagens e vídeos
Adicionar sons
Escrever citações
Wikificação
Criar um artigo
I
n
t
e
r
m
e
d
i
á
r
i
o
Convenção de títulos
Criar tabelas
Mover páginas
Adicionar/criar categorias
Adicionar uma predefinição
Criar uma predefinição
S
o
c
i
a
l
Páginas de discussão
Arquivamento de discussão
Página de usuário
Personalizar assinatura
Criando o seu status
Conheça os fóruns
G
e
r
a
l
Solução de problemas
Guia Prático da Wikipedia
Fórmulas Matemáticas
Outros

HTML significa HyperText Markup Language. Mas e daí? só nerds querem saber não é necessário saber. Vamos a alguns princípios básicos:

REGRA GERAL: Na DP não são todos os códigos HTML que funcionam, mas você pode testá-los todos, e ver quais funcionam.

Dica: Caso haja dúvidas em relação aos parâmetros HTML exemplificados aqui, clique em editar no topo da página para ver como eles foram criados.

Tag Font

Uma das mais importantes, tendo em vista que os textos predominam a Desciclopédia.

Como montar:

Coloca-se < font parâmetro="valor">, antes do texto, e depois, coloca-se  para limitar
os parâmentros até este ponto.

Obs.: Parâmetros:

Color: Define a cor da letra. Lista de Cores
Size: Define o tamanho da fonte.
Face: Define qual fonte (Ex.: Comic Sans, Arial, etc.).

Enfim, já dá pra fazer altas coisas idiotas legais com isso.

Negrito, itálico, etc.

Um exemplo de código em itálico.

Existem muitos comandos que modificam seu texto nos artigos, aqui estão os que você mais vai usar:

Código Efeito
''texto'' Isso deixa seu texto itálico
'''texto''' Isso deixa seu texto negrito
'''''texto''''' Isso deixa seu texto itálico e negrito
<s>riscado</s> Isso risca a palavra
<u>sublinhado</u> Isso sublinha a palavra
<sub>subscrito</sub> Isso deixa seu texto subscrito
<sup>sobrescrito</sup> Isso deixa seu texto sobrescrito
*item 1
*item 2
**item 2.1
*item 3
Separa em itens sem numeração
#item 1
#item 2
##item 2.1
#item 3
Separa em itens com numeração
:parágrafo Faz parágrafos
espaço Anula quebras de página
---- Cria uma linha

Exemplos:
Itálico
Negrito
Negrito e Itálico
Riscado
Sublinhado
Subscrito
Sobrescrito

  • Item 1 não numerado
  • Item 2 não numerado
    • Item 2.1 não numerado
  • Item 3 não numerado
  1. Item 1 numerado
  2. Item 2 numerado
    1. Item 2.1 numerado
  3. Item 3 numerado
Parágrafo
Anula quebra de página

Criando coisinhas gays

Sabe aqueles negócios que parecem botões, como na minha assinatura: Descicloped500px-Flag of Brazil.svg.pngia_Página_cont._conv., que você sempre quis fazer? Então aqui vai.

Um simples

< span style="background-color:red;">Texto

Seja lá o que você for fazer, só altere as coisas que estão em negrito.
Esse código cria isso:
Texto

Regra: Entre cada comando, dentro das aspas, coloque ponto e vírgula(;)

BORDA: Para fazer uma borda insira no código:

border: TAMANHOpx ESTILO COR;
 TAMANHO: O número que você quiser, não esqueça do 'px'. 
          Você também pode colocar 'em', %, 'pt', 'cm', etc. (não é brincadeira!)
 ESTILO:
    outset
    dotted 
    dashed    
    inset
    groove
    ridge
    double
 COR: Blue, Red, Green e outras cores que você aprendeu na escolinha de inglês.

Exemplinho:

< span style="border:1px dotted green;">exemplo
exemplo

FONTE: Mexendo na fonte.

font-family: 'FONTE';
 FONTE: Tahoma, fixedsys, arial, etc.
font-size: TAMANHOpx
 TAMANHO: é o tamanho :P, seguido do 'px'. Outra vez, pode-se usar 
          também unidades mirabolantes, mas aí acho que vira merda.

Exemplinho:

< span style="font-family:'Times New Roman'; font-size:25px;">exemplo 
exemplo

Esta forma de se aplicar estilos é, no geral, a mais recomendada, pois além de permitir que se aplique múltiplos - e variadíssimos, muito mais do que se pode imaginar - estilos numa tag só, não utiliza as outras tags específicas de estilo (<font>, <b>, <i>, etc.), que estão caminhando para o obsoletismo à medida que o HTML se desenvolve.

Inutilidades Finais

Alguns comandos com certa inutilidade.

< br> -> O que vier depois desta tag, será colocado na linha seguinte.

< p>texto

-> Isola o 'texto'. Com uma linha de diferença acima, e uma abaixo.

< hr> -> Insere uma linha horizontal
  Coloque 'width=X' para definir o tamanho, onde X é o valor, seguido de "px".
  Também pode ser utilizada uma porcentagem como '50%', e a linha ocupará metade do espaço disponível.
< poem> -> evita quebras de linha, ideal para fãs do Descionário