Lista Rápida

< Códigos de Status | Índice

Lista rápida do HTML


Documento HTML básico

<html> 
<head>
<title>O título do documento vai aqui</title>
</head>
<body>
O texto visível para o usuário vai aqui..
</body>

</html>

Títulos

<h1>Primeiro título, maior</h1>

<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>

<h6>Último título, menor</h6>

Texto

<p>Isto é um parágrafo</p>
<br /> (quebra de linha)
<hr /> (linha horizontal)
<pre>Texto pré formatado</pre>

estilos lógicos

<em>ênfase</em>
<strong>negrito</strong>
<code>código de computador</code>

estilos físicos

<b>negrito</b>
<i>itálico</i>

Links

link simples: <a href="http://www.exemplo.com.br/">Texto do link</a>
link com imagem: <a href="http://www.exemplo.com.br/"><img src="URL" alt="Texto alternativo" /></a>
Link para e-mail: <a href="mailto:[email protected]">Envie e-mail</a>

A named anchor:

<a name="dicas">Dicas</a>
<a href="#dicas">Vápara seção de dicas</a>

Lista não ordenada

<ul>
  <li>Item</li>
  <li>Item</li>
</ul>

Lista ordenada

<ol>
  <li>Primeiro item</li>
  <li>Segundo item</li>
</ol>

Lista de definições

<dl>
  <dt>Primeiro termo</dt>
    <dd>Definição</dd>
  <dt>Próximo termo</dt>
    <dd>Definição</dd>
</dl>

Tabelas

<table border="1">
  <tr>
    <th>Cabeçalho</th>
    <th>Cabeçalho</th>
  </tr>
  <tr>
    <td>Texto</td>
    <td>Texto</td>
  </tr>
</table>

Iframe

<iframe src=Iframes"></iframe>

Frames

<frameset cols="25%,75%">
  <frame src="page1.htm" />
  <frame src="page2.htm" />
</frameset>

Formulários

<form action="http://www.exemplo.com.br/test.php" method="post/get">

<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Enviar" />
<input type="reset" />
<input type="hidden" />

<select>
<option>Maçãs</option>
<option selected="selected">Bananas</option>
<option>Uvas</option>
</select>

<textarea name="comment" rows="60" cols="20"></textarea>

</form>

Entidades

&lt; é o mesmo que <
&gt; é o mesmo que >
&#169; é o mesmo que ©

Outros Elementos

<!-- Isto é um comentário -->

<blockquote>
Citação de alguma fonte
</blockquote>

<address>
Escrito por Codex.wiki.br<br />
<a href="mailto:[email protected]">Envie um e-mail</a><br />
Endereço: Caixa 120, Beto Carreiro World<br />
Telefone: 55 51 3357 2059
</address>


< Códigos de Status | Índice