You are on page 1of 1

Tópicos Avançados I - Cartela de comandos básicos HTML

Marcação Função Características


<HTML></HTML> Delimita o documento (início e fim) Deve ser inserida no início e no final de todo arquivo HTML
<HEAD></HEAD> Cabeçalho Área para inserção de informações que não serão visíveis na
página HTML, tais como “title” e comentários
<TITLE></TITLE> Título do documento Aparace na barra de títulos do browser
<!-- , Fecha com -- > Comentário Insere comentário na página
<BODY></BODY> Corpo do documento Delimita o corpo do documento. Vem abaixo da área “head”.
Deve ser “fechada” no final do documento, antes da marcação
</html>
<BODY Imagem de fundo Insere uma imagem formato gif ou jpg como fundo da página
BACKGROUND=““>  = arquivo imagem ou url de
</BODY> arquivo imagem
<BODY Cor padrão de fundo Define uma cor de fundo padrão para a página.
BGCOLOR=“#rrggbb”> #rrggbb = código de cores rgb .
</BODY>
<BODY TEXT=“#rrggbb” Cores do texto do documento Define a cor para:
LINK=“#rrggbb” text = texto normal da página
VLINK=“#rrggbb” #rrggbb = código de cores rgb (ver link = links da página
ALINK=“#rrggbb”> tabela de cores neste documento) vlink = links consultados na página
</BODY> alink = links ativados na página
<Hy></Hy> Títulos ou cabeçalhos na página Existem seis níveis de cabeçalho na página
<h1></h1>, <h2></h2> , etc, sendo H1 o maior e H6 o menor
y = número de 1 a 6 nível. Marcações Hy definem tamanho relativo do texto, e os
colocam em destaque (normalmente negrito)
<P> Parágrafo Insere uma linha em branco entre dois parágrafos
<BR> Quebra de linha Faz uma quebra de linha.
<A HREF=“ “> Âncora para hiperlink referencial Define um link.
texto</a> = URL ou nome arquivo O link vai aparecer em destaque na página (normalmente outra
cor e sublinhado)
<A HREF=“MAILTO: Envio de email para endereço Cria-se um link que ao ser selecionado abrirá uma tela para
xyz@algumlugar.br”> especificado envio de email para o usuario posto após MAILTO:
<UL></UL> Delimita lista não numerada Deve ser escrita ao início e ao final da lista.
<OL></OL> Delimita lista numerada Deve ser escrita ao início e ao final da lista.
<LI> Mostra itens da lista
<B></B> Negrito Texto a seguir será negritado
<I></I> Itálico Texto a seguir será itálico
<IMG SRC=“. ”> Inserção de imagem Marcação para inserir uma imagem na página. Esta imagem
. = nome ou URL de arquivo deve estar preferencialmente em formato .gif ou .jpg. Pode estar
imagem. na mesma máquina ou em outra máquina (apontar com URL)
<IMG [ALIGN=“”] Alinhamento de imagem ALIGN define o alinhamento de uma imagem na página :
SRC=“. ”> TOP = alinha o texto com o alto da figura
MIDDLE = alinha o texto com o meio da figura
BOTTOM = alinha o texto com o rodapé da figura
RIGHT = alinha a figura à direita da tela
LEFT = alinha a figura à esquerda da tela.
<HR [SIZE=n] HR insere linha horizontal Size=Define a largura da linha
[WIDTH=n%]> n=número Width=Define o quanto da tela uma linha vai ocupar
<table [border=n]> Definição de uma tabela <table> - Início definição tabela
<tr> Define linha <tr>define linha </tr> final de linha
<th>dados coluna</th> Define coluna <th>coluna de cabeçalho </th> final coluna
</tr> <td>coluna normal </td> final coluna
</table> </table> final tabela
<table border=n> N=0 -> Sem borda
<tr/<th/<td Alinhamento dos dados das linhas Left-alinha a esquerda, center=centraliza, right=alinha a direita
[align=left/center/right]> e colunas
<tr/<th/<td Alinhamento em relação à borda Define o alinhamento do texto nas células com relação a borda
[valign=top/middle/bottom]> superior e inferior.
<table/<th/<td [width=<n ou Ocupação da janela ou tabela N=valor em pixels a ocupar na janela
percentual]> Percentual a ocupar na janela (/table) ou janela (/th e /td)
<font [face=xxx] [size=n] xxx-tipo da fonte xxx-arial, Courier new, etc
[color="#rrggbb"] n-tamanho iniciando de 1 #rrggbb = código de cores rgb (ver tabela guia 1)
[color="nome da cor"]> rrggbb-Cores rgb nome cor-"blue", "red" , etc

* Parâmetros entre colchetes [parâmetro] são opcionais

Tópicos I - Mauro Mendes Em 25/09/2000 Pág 1

You might also like