Manual Básico de HTML

Mídia do HTML

Manual de referência do HTML

HTML5 Manual Básico

HTML5 API

HTML5 Mídia

Reprodução de Vídeo (Video) HTML URL HTML

Lista de Verificação Rápida HTML

Lista de consulta rápida do HTML. Você pode guardá-la localmente ou imprimi-la, facilitando a memorização e o uso diário.

Documento básico do HTML

<!DOCTYPE html>
<html>
<head>
<title> Título do documento </title>/title>
</head>
<body>
Texto visível...
</body>
</html>

Tags básicas (Basic Tags)

<h1> Título maior </>/h1>
<h2> ... </>/h2>
<h3> ... </>/h3>
<h4> ... </>/h4>
<h5> ... </>/h5>
<h6> Título mais pequeno </>/h6>
　
<p> Este é um parágrafo. </p>/p>
<br> Nova linha </br>
<hr> Linha horizontal </hr>
<!--　Este é um comentário　-->

Formatação de texto (Formatting)

<b> Texto negrito </b>/b>
<code> Código de computador </code>/code>
<em> Texto destacado </em>/em>
<i> Texto itálico </i>/i>
<kbd> Entrada de teclado </kbd>/kbd>　
<pre> Texto pré-formatado </pre>/pre>
<small> Texto menor </small>/small>
<strong> Texto importante </strong>/strong>
　
<abbr> Abreviação </abbr>
<address> Informações de contato </address>
<bdo> Direção do texto </bdo>
<blockquote> Parte citada de outra fonte </blockquote>
<cite> Nome do trabalho </cite>
<del> Texto deletado </del>
<ins> Texto inserido </ins>
<sub> Texto de subscrito </sub>
<sup> Texto de superíndice </sup>

Links (Links)

Link comum: <a href="http://www.example.com/">Texto do link</a>
Link de imagem: <a href="http://www.example.com/><img src="URL" alt="Texto de substituição"></a>
Link de e-mail: <a href="mailto:[email protected]">Enviar e-mail</a>
Marcador:
<a id="tips">Parte de dicas</a>
<a href="#tips">Ir para a parte de dicas</a>

imagens (Images)

<img　src="URL"　alt="texto de substituição"　altura="42"　largura="42">

estilos/Estilos (Styles/Seções (Sections)

<style　type="text/css">
h1　{cor:laranja;}
div{fundo:#f9f9f9;}
p　{cor:verde;}
</style>
<h1>H1título da página web</h1>
<div>elementos bloco no documento</div>
<p>elementos inline no documento</p>

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>item<　1</dt>
　　　　<dd>item de descrição<　1</dd>
　　<dt>item<　2</dt>
　　　　<dd>item de descrição<　2</dd>
</dl>

Tabelas (Tables)

<table　border="1">
　　<tr>
　　　　<th>titulos da tabela</th>
　　　　<th>titulos da tabela</th>
　　</tr>
　　<tr>
　　　　<td>dados da tabela</td>
　　　　<td>dados da tabela</td>
　　</tr>
</table>

Framas (Iframe)

<iframe　src="demo_iframe.htm"></iframe>

Formulários (Forms)

<form　action="demo_form.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="Send">
<input　type="reset">
<input　type="hidden">
<select>
<option>javascript基础教程</option>
<option　selected="selected">html基础教程</option>
<option>css基础教程</option>
</select>
<textarea　name="comment"　rows="60"　cols="20"></textarea>
　
</form>

Entidades (Entities)

< equivalente a <
> equivalente a >
© equivalente a ©

Reprodução de Vídeo (Video) HTML URL HTML