Ajuda:HTML

HTML é a linguagem básica de qualquer página na internet. Utilizando seus elementos de linguagem, as Tags, é possível mudar a cor e o tamanho do texto, criar tabelas, adicionar imagens e manipular vários detalhes na formatação. Na Wikipédia essa linguagem é manipulada para facilitar o trabalho dos editores, modificando o modo como se adiciona imagens, cria tabela, cria seções, entre outras funções que estão no Guia de edição, e também para proibir algumas tags para que os editores não cometam excessos na edição dos artigos. Neste guia será apresentado as funções HTML que são permitidas na Wikipédia e o que elas fazem para aumentar as possibilidades na edições.

O MediaWiki aceita os seguintes elementos da linguagem HTML5:

<!-- ... --> <b> <blockquote> <br /> <caption> <cite>
<code> <dd> <del> <div> <dl> <dt> <em> <h1> <h2> <h3>
<h4> <h5> <h6> <hr /> <i> <ins> <li> <ol> <p> <pre> <rp>
<rt> <ruby> <s> <small> <span> <strong> <sub>
<sup> <table> <td> <th> <tr> <u> <ul> <var>

Atenção: Por motivos de acessibilidade, prefira usar marcação wiki (o wikitexto) e classes CSS em vez de outras alternativas.

Tags de formatação

TagDescriçãoExemploResultado
<!-- ... -->Faz um comentário que só é visto no código da página
<!-- comentário -->texto da página
texto da página
<br />Quebra a linha
linha 1<br />linha 2<br />linha 3
linha 1
linha 2
linha 3
<b>
<strong>
Deixa o texto em negrito
<b> é mais usada
texto normal<b>texto em negrito</b>
texto normal

texto em negrito

<i>
<var>
<cite>
Deixa o texto em itálico
<i> é mais usada
texto normal<i>texto em itálico</i>
texto normal

texto em itálico

<u>Deixa o texto sublinhado
texto normal<u>texto sublinhado</u>
texto normal

texto sublinhado

<s>
<del>
<strike>
Deixa o texto riscado
<s> é mais usada
texto normal<s>texto riscado</s>
texto normal

texto riscado

<small>Diminui o tamanho da fonte
texto normal<small>texto menor</small><small><small>texto menor</small></small>
texto normal

texto menortexto menor

<sup>Sobrescreve o texto
texto normaltexto<sup>sobrescrito</sup>
texto normal

textosobrescrito

<sub>Subscreve o texto
texto normal<br />texto<sub>subscrito</sub>
texto normal
textosubscrito
<blockquote>
<dd>
Igual a começar a linha com dois pontos (:), só que com o blockquote o espaço é maior
<blockquote>texto 1</blockquote><dd>texto 2</dd>: texto 3

texto 1

texto 2
texto 3
<code>Indica fragmentos de código, geralmente em uma fonte monoespaçada
texto normal seguido de<code>um fragmento de código-fonte</code>
texto normal seguido de

um fragmento de código-fonte

<dl>
<dt>
<dd>
As três tags juntas criam
uma lista igual a:
;texto
:texto
<dl><dt>texto1<dd>texto2<dl><dd>texto3</dl></dl>
texto1
texto2
texto3
<span>Por si so não faz nada,
apenas delimita um texto
para adição de CSS
texto<span>texto</span><span style="background: #D2B48C;">texto</span>
texto

textotexto

<pre>Exibe o texto com fonte
monoespaçada dentro de um quadro
e ignora os códigos
<pre>texto<br /><u>texto</u>;texto ''texto'' {{azul|texto}}</pre>;texto ''texto'' {{azul|texto}}

texto
texto

texto texto texto
texto texto texto

Tags com atributos

Algumas tags possuem atributos, que são códigos colocados após o nome da tag e antes do ">", por exemplo, <nome_da_tag atributo=valor>. Deve sempre existir um espaço entre o nome da tag e o atributo e entre atributos, e não deve existir espaço entre o atributo e seu valor, a não ser que o espaço esteja dentro de aspas, por exemplo, <span style="color: #00F;">.

Tags modificadas pelo MediaWiki

O software da Wikipédia modifica o efeito de algumas tags para que tenham o efeito de um dos códigos de edição da Wikipédia

TagFunção originalFunção na Wikipedia
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
Criar um título.

Cria uma seção
<h1>Seção</h1> é igual a =Seção=
<h2>Seção</h2> é igual a ==Seção==
<h3>Seção</h3> é igual a ===Seção===
<h4>Seção</h4> é igual a ====Seção====
<h5>Seção</h5> é igual a =====Seção=====

Tabelas

É muito mais fácil criar tabelas com a sintaxe wiki do que em HTML, pois para se fazer uma tabela usando apenas HTML seria necessário um código bem maior. No MediaWiki, o código "{|" que inicia uma tabela substitui a tag <table>, o "|-" substitui a tag <tr> e "|" substitui a tag <td>. Apesar dessa mudança, também é permitido o uso de atributos na tabela.

Atributos de tabela

Atributos que só funcionam no "{|" (<table>).

AtributoDescriçãoExemploResultado
borderIndica se devem ou não ser exibidas bordas em torno das células. Os únicos valores permitidos são:
""
sem bordas
"1"
com bordas (apenas se a tabela não estiver sendo usada para definir o layout do conteúdo)
{| border="1"|-| 00 || 01|-| 10 || 11|}
0001
1011

Elementos obsoletos

Os seguintes elementos foram depreciados e são inválidos em HTML5:

  • <center>
  • <big>
  • <tt>

Para informações sobre como utilizar HTML5 e CSS para obter resultados similares, consulte Wikipédia:Projetos/Padronização/HTML5.

Ver também