Ajuda:Tutorial/HTML

Origem: Wikinotícias, a fonte de notícias livre.
Saltar para a navegação Saltar para a pesquisa
Nível básico
Nível médio
Nível avançado
Outros guias
Livro de estilo
Dicas e truques
Guia de eliminação
FAQ de edição

HTLM

OOjs UI icon markup-progressive.svg
linguagem básica de qualquer página da internet. Utilizando as tags é possível mudar a cor e o tamanho do texto, criar tabelas, adicionar imagens e mudar várias outras coisas. Neste guia será apresentado as funções HTML que são permitidas no Wikinotícias e o que elas fazem para aumentar as possibilidades de edição.

O MediaWiki aceita os seguintes elementos da linguagem HTML5:
<!-- ... --> <b> <blockquote> <br /> <code> <div> <em> <h1> <h2> <h3> <h4> <h5> <hr /> <i> <li> <p> <pre> <rp> <rt> <ruby> <s> <span> <strong> <sub> <sup> <table> <td> <th> <tr> <u> <ul>

Atenção: Por motivos de acessibilidade, prefira usar código 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
linha 1
linha 2
<b>
<strong>
Deixa o texto em negrito
<b> é mais usada
texto normal
<b>texto em negrito</b>
texto normal

texto em negrito

<i> 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>
<strike>
Deixa o texto riscado
<s> é mais usada
texto normal
<s>texto riscado</s>
texto normal

texto riscado

<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> Destaca o texto, deixando um espaço na lateral
<blockquote>texto 1</blockquote>
: texto 2

texto 1

texto 2
<code> Indica um 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

<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
<pre>texto {{azul|texto}}</pre>
texto {{azul|texto}}
texto {{azul|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 os 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 do Wikinotícias modifica o efeito de algumas tags para que tenham o efeito de um dos códigos de edição.

Tag Função original Função no Wikinotícias
<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=====

Elementos obsoletos

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

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

Também é 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>.

Ver também