GUIA BARE BONES HTML

by Kevin Werbach
traduzido por: Maurício Wolff
Versão 3.0 Formatada -- 21 de julho de 1996
A última versão deste documento está disponível em:
<http://werbach.com/barebones/>.

O Guia lista todas as tags que as versões correntes da maioria dos browsers pode reconhecer. Incluí todas as tags da especificação de HTML 3.2, assim como as extensões da Netscape incluídas nas versões do Netscape Navigator 3.05b em diante. Este Guia foi feito da forma mais concisa possível; mais informações sobre HTML estão disponíveis na minha WWW Help Page. Comentários e sugestões são sempre bem-vindos.


Sumário

  1. MATERIAL INTRODUTÓRIO
  2. TAGS HTML
    3. Importante: Se você não está certo das diferenças entre HTML 2.0, HTML 3.0, HTML 3.2, e extensões do Netscape , sugiro que você leia a declaração doW3C sobre o desenvolvimento do HTML.
ELEMENTOS BÁSICOS 
  Tipo de Documento  <HTML></HTML>  (começo e final de um arquivo) 
  Título  <TITLE></TITLE>  (deve estar no cabeçalho <HEAD>) 
  Cabeçalho  <HEAD></HEAD>  (Informação descritiva, como o título) 
  Corpo  <BODY></BODY>  (conteúdo da página)  
 
DEFINIÇÃO ESTRUTURAL  
  Cabeçalho  <H?></H?>  (a especificação define 6 níveis) 
  Alinhar Cabeçalho  <H? ALIGN=LEFT|CENTER|RIGHT></H?> [*]   
  Divisão  <DIV></DIV>   
  Alinhar Divisão  <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>   
  Citação de Bloco  <BLOCKQUOTE></BLOCKQUOTE> [*]  (geralmente mostrado como indetado) 
  Ênfase  <EM></EM>  (geralmente mostrado como itálico) 
  Ênfase forte  <STRONG></STRONG>  (geralmente mostrado como bold) 
  Citação  <CITE></CITE>  (geralmente itálico) 
  Código  <CODE></CODE>  (para listagens de código fonte) 
  Exemplo  <SAMP></SAMP>   
  Entrada de Teclado  <KBD></KBD>   
  Variável  <VAR></VAR>   
  Definição  <DFN></DFN>  (não amplamente implementado) 
  Endereço do Autor  <ADDRESS></ADDRESS>   
  Tamanho de Fonte Grande  <BIG></BIG>   
  Tamanho de Fonte Pequena  <SMALL></SMALL>    
 
FORMATAÇÃO DE APRESENTAÇÃO  
  Negrito  <B></B>   
  Itálico  <I></I>   
N3.0b  Sublinhado  <U></U>  (ainda não amplamente implementado) 
  Riscado  <STRIKE></STRIKE>  (ainda não amplamente implementado) 
N3.0b  Strikeout  <S></S>  (ainda não amplamente implementado) 
  Subscrito  <SUB></SUB>   
  Superescrito  <SUP></SUP>   
  Teletipo  <TT></TT>  (mostra em fonte de tamanho único) 
  Pré-formatado  <PRE></PRE>  (mantém o espaçamento original) 
  Largura  <PRE WIDTH=?></PRE>  (em caracteres) 
  Centraliza  <CENTER></CENTER> [*]  (funciona em texto e imagens) 
N1.0  Piscar  <BLINK></BLINK>  (a tag mais zombada de toda a história) 
  Tamanho de Fonte  <FONT SIZE=?></FONT>  (varia de 1 a 7) 
  Mudar Tamanho de Fonte  <FONT SIZE="+|-?"></FONT>   
N1.0  Tamanho de Fonte Padrão <BASEFONT SIZE=?>  (de 1 a 7; padrão é 3) 
  Cor da Fonte <FONT COLOR="#$$$$$$"></FONT>   
N3.0b  Selecionar Fonte  <FONT FACE="***"></FONT>   
N3.0b  Texto Colunado  <MULTICOL COLS=?></MULTICOL>   
N3.0b  Espaço entre Colunas  <MULTICOL GUTTER=?></MULTICOL>  (padrão é 10 pixels) 
N3.0b  Largura das Colunas <MULTICOL WIDTH=?></MULTICOL>   
N3.0b  Espaçador  <SPACER>   
N3.0b  Tipo de Espaçador  <SPACER TYPE=horizontal| vertical|block>   
N3.0b  Tamanho do Espaçador  <SPACER SIZE=?>   
N3.0b  Dimensões do Espaçador  <SPACER WIDTH=? HEIGHT=?>   
N3.0b  Alinhamento do Espaçador  <SPACER ALIGN=left|right|center>    
 
LINKS E GRÁFICOS 
  Linkar algo  <A HREF="URL"></A>   
  Linkar à âncora  <A HREF="URL#***"></A>  (caso em outro documento) 
<A HREF="#***"></A>  (caso no documento) 
N2.0  Janela de Destino  <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>   
  Definir âncora  <A NAME="***"></A>   
  Relacionamento  <A REL="***"></A>  (não amplamente implementado) 
  Relacionamento Reverso  <A REV="***"></A>  (não amplamente implementado) 
  Mostra Imagem  <IMG SRC="URL">   
  Alignment  <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>   
N1.0  Alinhamento  <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>   
  Texto Alternativo  <IMG SRC="URL" ALT="***">  (se a imagem não for mostrada) 
  Mapa de Imagem  <IMG SRC="URL" ISMAP>  (requer um script) 
  Mapa de Imagem/Cliente  <IMG SRC="URL" USEMAP="URL">   
  Descrição do Mapa  <MAP NAME="***"></MAP>   
  Seções do Mapa  <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>   
  Dimensões  <IMG SRC="URL" WIDTH=? HEIGHT=?>  (em pixels) 
  Borda  <IMG SRC="URL" BORDER=?>  (em pixels) 
  Espaço em torno da Imagem  <IMG SRC="URL" HSPACE=? VSPACE=?>  (em pixels) 
N1.0  Imagem de baixa resolução  <IMG SRC="URL" LOWSRC="URL">   (carrega antes da imagem normal)
N1.1  Client Pull  <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">   
N2.0  Objeto Embutido  <EMBED SRC="URL">  (insere um objeto na página) 
N2.0  Tamanho do Objeto  <EMBED SRC="URL" WIDTH=? HEIGHT=?>    
 
DIVISORES 
  Parágrafos  <P></P> [*]  (tag de fechamento às vezes desnecessária) 
  Alinhamento de Texto  <P ALIGN=LEFT|CENTER|RIGHT></P> [*]   
  Quebra de Linha  <BR>  (Para de escrever na linha corrente) 
  Limpar Fluidez de Texto  <BR CLEAR=LEFT|RIGHT|ALL>   
  Barra Horizontal  <HR>   
  Alinhamento  <HR ALIGN=LEFT|RIGHT|CENTER>   
  Densidade  <HR SIZE=?>  (em pixels) 
  Largura  <HR WIDTH=?>  (em pixels) 
N1.0  Largura em Porcentagem  <HR WIDTH="%">  (em relação à página) 
  Barra Sólida  <HR NOSHADE>  (Sem o visual 3D) 
N1.0  Sem Quebra  <NOBR></NOBR>  (previne quebras de página) 
N1.0  Quebra de Palavra  <WBR>  (quando quebrar uma palavra, se preciso.)  
 
LISTAS  
 
  Lista com Marcadores  <UL><LI></UL>  (<LI> antes de cada item da lista)   
  Compacta  <UL COMPACT></UL>   
  Tipo de Marcador  <UL TYPE=DISC|CIRCLE|SQUARE>  (para toda lista)   
<LI TYPE=DISC|CIRCLE|SQUARE>  (esta e subsequentes)   
  Lista Ordenada  <OL><LI></OL>  (<LI> antes de cada item da lista)   
  Compacta  <OL COMPACT></OL>   
  Tipo de Numeração  <OL TYPE=A|a|I|i|1>  (para toda lista)   
<LI TYPE=A|a|I|i|1>  (esta e subsequentes)   
  Número de Início  <OL START=?>  (para toda lista)   
<LI VALUE=?>  (esta e subsequentes)   
  Lista de Definição  <DL><DT><DD></DL>  (<DT>=termo, <DD>=definição)   
  Compacta  <DL COMPACT></DL>   
  Lista de Menu  <MENU><LI></MENU>  (<LI> antes de cada item da lista)   
  Compact  <MENU COMPACT></MENU>   
  Lista de Diretório  <DIR><LI></DIR>  (<LI> antes de cada item da lista)   
  Compacta  <DIR COMPACT></DIR>    
 
FUNDOS DE TELA E CORES 
  Imagem de Fundo  <BODY BACKGROUND="URL">   
  Cor de Fundo  <BODY BGCOLOR="#$$$$$$"> [*]  (a ordem é RGB) 
  Cor do Texto <BODY TEXT="#$$$$$$"> [*]   
  Cor do Link  <BODY LINK="#$$$$$$"> [*]   
  Cor do Link Visitado <BODY VLINK="#$$$$$$"> [*]   
  Link Ativo <BODY ALINK="#$$$$$$"> [*]   
(Mais informações em http://werbach.com/web/wwwhelp.html#color)  
 
CARACTERES ESPECIAIS 
(estes devem estar em minúsculas) 
  Caracteres Especiais &#?;  (onde ? vai o código ISO 8859-1) 
  <  &lt;   
  >  &gt;   
  &  &amp;   
  "  &quot;   
  Marca Registrada (TM)  &reg;   
  Direitos Autorais  &copy;   
  Espaço sem quebra  &nbsp;   
(Lista completa em http://www.uni-passau.de/~ramsch/iso8859-1.html)  
 
FORMULÁRIOS  
  Definir Formulário  <FORM ACTION="URL" METHOD=GET|POST></FORM>   
N2.0  Upload de Arquivo <FORM ENCTYPE="multipart/form-data"></FORM>   
  Campo de Entrada (Input)  <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET">   
  Nome de Campo  <INPUT NAME="***">   
  Valor do Campo  <INPUT VALUE="***">   
  Checado?  <INPUT CHECKED>  (caixas de opção e rádio) 
  Tamanho do Campo  <INPUT SIZE=?>  (caracteres) 
  Máxima Qtd de Dados  <INPUT MAXLENGTH=?>  (caracteres) 
  Lista de Selecão <SELECT></SELECT>   
  Nome da Lista  <SELECT NAME="***"></SELECT>   
  # de Opções  <SELECT SIZE=?></SELECT>   
  Multipla Escolha  <SELECT MULTIPLE>  (pode-se selecionar mais de uma opção) 
  Opção  <OPTION>  (Podem ser selecionados) 
  Opção Padrão  <OPTION SELECTED>   
  Tamanho da Área de Texto  <TEXTAREA ROWS=? COLS=?></TEXTAREA>   
  Nome do Campo  <TEXTAREA NAME="***"></TEXTAREA>   
N2.0  Quebra de Texto  <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>    
 
TABELAS 
  Definir Tabela  <TABLE></TABLE> [*]   
  Borda da Tabela  <TABLE BORDER=?></TABLE>   
  Espaço entre as Células  <TABLE CELLSPACING=?>   
  Cell Padding  <TABLE CELLPADDING=?>   
  Largura Desejada  <TABLE WIDTH=?>  (em pixels) 
  Largura em Porcentagem  <TABLE WIDTH="%">  (porcentagem da página) 
  Linha da Tabela  <TR></TR>   
  Alinhamento  <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM  
VALIGN=TOP|BOTTOM|MIDDLE> 		  
  Célula da Tabela <TD></TD>  (deve aparecer entre Linhas da Tabela) 
  Alinhamento  <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM  
VALIGN=TOP|BOTTOM|MIDDLE> 		  
  Sem Quebra de Linhas  <TD NOWRAP>   
  Ocupar ? Células  <TD COLSPAN=?>   
  Ocupar ? Linhas  <TD ROWSPAN=?>   
N1.1  Desired Width  <TD WIDTH=?>  (em pixels) 
N1.1  Largura em Porcentagem  <TD WIDTH="%">  (porcentagem da tabela) 
N3.0b  Cor da Célula  <TD BGCOLOR="#$$$$$$">   
  Cabeçalho de Tabela  <TH></TH>  (negrito e centralizado) 
  Alinhamento  <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM  
VALIGN=TOP|BOTTOM|MIDDLE> 		  
  Sem quebras de Linha  <TH NOWRAP>   
  Ocupar ? Células  <TH COLSPAN=?>   
  Ocupar ? Linhas <TH ROWSPAN=?>   
N1.1  Largura desejada  <TH WIDTH=?>  (en pixels) 
N1.1  Largura em Porcentagem  <TH WIDTH="%">  (porcentagem da tabela) 
N3.0b  Cor da Célula  <TH BGCOLOR="#$$$$$$">   
  Legenda da Tabela  <CAPTION></CAPTION>   
  Alinhamento  <CAPTION ALIGN=TOP|BOTTOM>  (acima/abaixo da tabela)  
 
FRAMES (MOLDURAS)  
N2.0  Documento em Frame  <FRAMESET></FRAMESET>  (ao invés de <BODY>) 
N2.0  Altura de Linhas  <FRAMESET ROWS=,,,></FRAMESET>  (pixels ou %) 
N2.0  Altura de Linhas  <FRAMESET ROWS=*></FRAMESET>  (* = tamanho relativo) 
N2.0  Largura das Colunas  <FRAMESET COLS=,,,></FRAMESET>  (pixels ou %) 
N2.0  Largura das Colunas  <FRAMESET COLS=*></FRAMESET>  (* = tamanho relativo) 
N3.0b  Largura da Borda  <FRAMESET BORDER=?>   
N3.0b  Bordas  <FRAMESET FRAMEBORDER="yes|no">   
N3.0b  Cor das Bordas  <FRAMESET BORDERCOLOR="#$$$$$$">   
N2.0  Definir Frame  <FRAME>  (o conteúdo de cada frame, individualmente) 
N2.0  Mostrar Documento  <FRAME SRC="URL">   
N2.0  Nome do Frame  <FRAME NAME="***"|_blank|_self| _parent|_top>   
N2.0  Largura da Margem  <FRAME MARGINWIDTH=?>  (margens esquerda e direita) 
N2.0  Altura da Margem  <FRAME MARGINHEIGHT=?>  (margens superior e inferior) 
N2.0  Barras de Rolagem?  <FRAME SCROLLING="YES|NO|AUTO">   
N2.0  Não Mudar Tamanho  <FRAME NORESIZE>   
N3.0b  Bordas  <FRAME FRAMEBORDER="yes|no">   
N3.0b  Cor de Bordas  <FRAME BORDERCOLOR="#$$$$$$">   
N2.0  Conteúdo sem Frames  <NOFRAMES></NOFRAMES>  (para Navegadores que não mostram frames) 
 
JAVA 
  Applet  <APPLET></APPLET>   
  Nome de Arquivo do Applet  <APPLET CODE="***">   
  Parâmetros  <APPLET PARAM NAME="***">   
  Localização do Applet  <APPLET CODEBASE="URL">   
  Identificador de Applet  <APPLET NAME="***">  (para referências futuras na página) 
  Texto Alternativo  <APPLET ALT="***">  (para Navegadores sem Java) 
  Alinhamento  <APPLET ALIGN="LEFT|RIGHT|CENTER">   
  Tamanho  <APPLET WIDTH=? HEIGHT=?>  (em pixels) 
  Espaçamento  <APPLET HSPACE=? VSPACE=?>  (em pixels) 
 
DIVERSOS 
  Comentários  <!-- *** -->  (não são mostrados no Navegador) 
  Prólogo HTML 3.2  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [*]   
  Pesquisável  <ISINDEX>  (indica um índice que pode se fazer buscas ) 
  Lembrete (Prompt)  <ISINDEX PROMPT="***">  (texto para colocar na entrada de dados) 
  Envia Busca  <A HREF="URL?***"></a>  (use  interrogação - ?) 
  URL dessa página  <BASE HREF="URL">  (deve estar no cabeçalho) 
N2.0  Janela/Frame Base  <BASE TARGET="***">  (deve estar no cabeçalho) 
  Relacionamento  <LINK REV="***" REL="***" HREF="URL">  (deve estar no cabeçalho) 
  Meta-Informação <META>  (deve estar no cabeçalho) 
  Folhas de Estilo  <STYLE></STYLE>  (ainda não amplamente suportadas) 
  Scripts  <SCRIPT></SCRIPT>  (ainda não amplamente suportadas)  
 
Copyright ©1995, 1996 Kevin Werbach. Redistribuição não-comercial permitida. Este guia não é um produto da  Bare Bones Software; a similaridade dos nomes é pura coincidência.  
 
Conteudo | LISTA DE TAGS | Versao em Texto | Home Page do Kevin