Ajuda:HTML: diferenças entre revisões

← Ver a alteração anterior Ver a alteração posterior →

Conteúdo apagado Conteúdo adicionado

Em linha

Revisão das 22h37min de 7 de maio de 2013

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 linaguagem 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>

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

t

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/HTML5.

Ver também

@@ Linha 103: / Linha 103: @@
 <blockquote>texto 1</blockquote>
 <dd>texto 2</dd>
-: texto 3
+: t
-|-
-|'''<syntaxhighlight lang="html5" enclose="none"><code></syntaxhighlight>'''
-|Indica fragmentos de código, geralmente em uma fonte monoespaçada
-|<syntaxhighlight lang="html5">
-texto normal seguido de
-<code>um fragmento de código-fonte</code>
-</syntaxhighlight>
-|texto normal seguido de
-<code>um fragmento de código-fonte</code>
-|-
-|'''<syntaxhighlight lang="html5" enclose="none"><dl></syntaxhighlight><br /><syntaxhighlight lang="html5" enclose="none"><dt></syntaxhighlight><br /><syntaxhighlight lang="html5" enclose="none"><dd></syntaxhighlight>'''
-|As três tags juntas criam<br />uma lista igual a:<code><br />;texto<br />:texto</code>
-|<syntaxhighlight lang="html5"><dl>
-<dt>texto1
-<dd>texto2<dl><dd>texto3</dl>
-</dl></syntaxhighlight>
-|<dl><dt>texto1<dd>texto2<dl><dd>texto3</dl></dl>
-|-
-|'''<syntaxhighlight lang="html5" enclose="none"><span></syntaxhighlight>'''
-|Por si so não faz nada,<br /> apenas delimita um texto<br />para adição de CSS
-|<syntaxhighlight lang="html5">
-texto
-<span>texto</span>
-<span style="background: #D2B48C;">texto</span>
-</syntaxhighlight>
-|texto
-<span>texto</span>
-<span style="background: #D2B48C;">texto</span>
-|-
-|'''<syntaxhighlight lang="html5" enclose="none"><pre></syntaxhighlight>'''
-|Exibe o texto com fonte<br />monoespaçada dentro de um quadro<br />e ignora os códigos
-|<syntaxhighlight lang="html5">
-<pre>
-texto<br /><u>texto</u>
-;texto ''texto'' {{azul|texto}}
-</pre>
-;texto ''texto'' {{azul|texto}}</syntaxhighlight>
-|<pre>
-texto<br /><u>texto</u>
-;texto ''texto'' {{azul|texto}}
-</pre>
-;texto ''texto'' {{azul|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, <syntaxhighlight lang="html5" enclose="none"><span style="color: #00F;"></syntaxhighlight>.
-=== 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
 {| class="wikitable"
 |-