Ajuda:HTML

Origem: Wikipédia, a enciclopédia livre.
Ir para: navegação, pesquisa
Searchtool.svg
Esta página ou secção foi marcada para revisão, devido a inconsistências e/ou dados de confiabilidade duvidosa. Se tem algum conhecimento sobre o tema, por favor, verifique e melhore a consistência e o rigor deste artigo. Considere utilizar {{revisão-sobre}} para associar este artigo com um WikiProjeto e colocar uma explicação mais detalhada na discussão.
Guia de edição
Criar uma conta
Menus e ferramentas
Como começar uma página
Formatar artigos
Como usar imagens, áudios e vídeos
Ligar artigos entre si
Fazer notas de rodapé
Ligar artigos a projetos relacionados
Como adicionar ligações externas
Categorizar
Ligar artigos a outras Wikipédias
Usar predefinições
Criar predefinições
Usar o acordo ortográfico
Usar tabelas
Usar fórmulas matemáticas
Renomear uma página
Reverter edições
Fundir artigos
Tamanho de páginas
Dividir artigos
Redirecionar páginas
Desambiguar termos
Traduzir artigos
Assinar mensagens
Arquivar discussões
Dicas e truques
Guia de edição avançado
HTML
CSS
Funções sintáticas
Palavras mágicas
JavaScript
MediaWiki
Expressões regulares
Extensões
Desenvolvedores
Outros guias
Portal de ajuda
Primeiros passos
FAQ de edição
Livro de estilo
Guia de consulta e reprodução
Guia de eliminação
editar


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>

Tags de formatação[editar | editar código-fonte]

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

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

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<br /><u>texto</u>
;texto ''texto'' {{azul|texto}}
texto texto texto

Tags com atributos[editar | editar código-fonte]

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[editar | editar código-fonte]

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[editar | editar código-fonte]

É 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[editar | editar código-fonte]

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[editar | editar código-fonte]

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[editar | editar código-fonte]