Ajuda:Tutorial/HTML
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
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
|
<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
|
|
<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
|
<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 |
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>
.