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

Tag	Descrição	Exemplo	Resultado
`<!-- ... -->`	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 menor texto menor
`<sup>`	Sobrescreve o texto	texto normal texto<sup>sobrescrito</sup>	texto normal texto^sobrescrito
`<sub>`	Subscreve o texto	texto normal<br /> texto<sub>subscrito</sub>	texto normal texto_subscrito
`<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 só não faz nada, apenas delimita um texto para adição de CSS	texto <span>texto</span> <span style="background: #D2B48C;">texto</span>	texto texto texto
`<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

Tag	Função original	Funçã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>).

Atributo

Descrição

Exemplo

Resultado

border

Indica 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
|}

00	01
10	11

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