http: / /www.tiagosouza.com
Como resumo de todo o código HTML apresentado até agora, deixo algumas tabelas de referência rápida que podem ser até impressas e guardadas no bolso.
Características gerais de um documento HTML
| CÓDIGO |
FUNÇÃO
|
EXIGE FECHAMENTO |
|
html
|
bloco interno é considerado documento html | sim |
|
head
|
bloco que definea cabeça do documento | sim |
|
title
|
bloco que defineo título do documento | sim |
|
body
|
bloco internoé considerado o corpo do html | sim |
Aparência do documento
|
CÓDIGO
|
FUNÇÃO
|
EXIGE FECHAMENTO
|
|
b
|
bloco em negrito | sim |
|
i
|
bloco em itálico | sim |
|
u
|
bloco sublinhado | sim |
|
font
|
muda as características da fonte | sim |
|
pre
|
mantém o texto pré-formatado | sim |
Quebra de linha, parágrafos e divisões
|
CÓDIGO
|
FUNÇÃO
|
EXIGE FECHAMENTO
|
|
br
|
quebra de linha | não |
|
center
|
texto centralizado | sim |
|
p
|
parágrafos | recomendado |
|
div
|
cria uma divisão | sim |
Atributos diversos
|
CÓDIGO
|
ATRIBUTO
|
FUNÇÃO
|
VALORES POSSÍVEIS
|
| p, div |
align |
alinhamento |
letf, right, justify, center |
| font |
face |
fonte |
nome da fonte |
| font | size |
tamanho |
-7 a+7 |
| font |
color |
cor |
ver no tópico de cores |
Espaçamento e entidades
|
CÓDIGO
|
FUNÇÃO
|
EXIGE FECHAMENTO
|
| | espaço simples | não é uma tag |
O documento HTML básico
<html>
<head>
<title>Aqui colocamos o título</title>
</head>
<body>
Aqui colocamos os conteúdos visíveis
</body>
<html>
Elementos de cabeçalho (para capítulos ou secções)
<h1>Cabeçalho maior</h1>
<h2>. . . </h2>
<h3>. . . </h3>
<h4>. . . </h4>
<h5>. . .</h5>
<h6>Cabeçalho menor</h6>
Elementos para texto
<p>Isto é um parágrafo</p>
<br> (mudança forçada de linha)
<hr> ( linha horizontal )
<pre>Isto é texto pré-formatado</pre>
Estilos lógicos
<em>Isto é texto enfatizado</em>
<strong>Isto é texto forte</strong>
<code>Isto é código de computador</ code>
Estilos físicos
<b>Isto é texto em negrito</b>
<i>Isto é texto em itálico</i>
Ligações e âncoras
<a href="/http://www.tiagosouza.com/ ">Isto é uma Ligação</a>
<a href="/ http://www.tiagosouza.com/ "><img src="/URL " alt="Texto alternativo"></a>
<a href="mailto: tiagocopa@gmai l .com ">Enviar e-mail</a>
Uma âncora com nome:
<a name="dicas " id="dicas ">Dicas Úteis</a>
<a href="#dicas ">Saltar para a Secção de Dicas</a>
Lista não ordenada
<ul>
<li>Primeiro item</li>
<li>Item seguinte</li>
</ul>
Lista ordenada
<ol>
<li>Primeiro item</li>
<li>Item seguinte</li>
</ol>
Lista de definições
<dl>
<dt>Primeiro termo</dt>
<dd>Definição</dd>
<dt>Termo seguinte</dt>
<dd>Definição</dd>
</dl>
Tabelas
<table border="1">
<tr>
<th>um cabeçalho</th>
<th>outro cabeçalho</th>
</tr>
<tr>
<td>algum texto<td>
<td>mais texto</td>
</tr>
</table>
Subjanelas (molduras, ou "frames")
<frameset cols="25%,75%">
<frame src ="pagina1.html ">
<frame src="/pagina2.html ">
<frameset>
Formulários
<form action=http://www.tiagosouza.com/processar.php method="pos t /get ">
<input type=" text " name=" lastname" value="Nabo" size="30" maxlength="50">
<input type="password">
<input type=" checkbox " checked=" checked">
<input type=" radio" checked=" checked">
<input type=" submit ">
<input type=" reset ">
<input type="hidden">
<select>
<option>Rabanetes
<option selected>Alhos
<option>Cebolas
</select>
<text area name="Comentario" rows="60" col s="20"></ textarea>
</form>
Entidades
< ; representa o mesmo que <
> ; representa o mesmo que >
© representa o mesmo que ©
Outros Elementos
<! - - Isto é um comentário - ->
<blockquote>
Texto citado a partir de uma fonte externa.
</blockquote>
<address>
Endereço (1ª l inha)<br>
Endereço (2ª l inha)<br>
Cidade<br>
</address>
| < Anterior | Próximo > |
|---|
