Escolar Documentos
Profissional Documentos
Cultura Documentos
<A HREF>
O <A HREF> usado para criar os links (ligaes) entre pginas e
servidores da Internet. Ele tambm tem a funo de definir quais reas do
texto ou quais imagens sero usadas para ligar as diversas pginas.
Exemplo:
Link para uma pgina <br> <A
HREF="http://www.tcinet.com.br/entrada.html">Clique aqui para ver o
arquivo entrada.html</A>
Atributos usados com este elemento: ACCESSKEY, ID, CLASS, LANG, TITLE,
STYLE, SHAPE, TARGET, TABINDEX, COORDS, ONFOCUS, ONBLUR, ONCLICK,
ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN e ONKEYUP
<A NAME>
O <A NAME> define uma rea dentro de uma pgina HTML e atribui um
nome a essa rea. Dessa forma, a regio criada com o elemento <A NAME>
pode ser chamada diretamente, usando o elemento <A HREF>.
Exemplos:
Marcando um texto
<A NAME="Area51">Essa rea do arquivo "exemplo.html" foi marcada
como Area1</A><P> Link para a rea marcada anteriormente
<A HREF= "www.tcinet.com.br/arquivo.html#Area1">Clique aqui para ir
Area51</A><P>
Atributos usados com este elemento: REL, REV, TITLE
<ABBR>
Este elemento serve para indicar os significados de abreviaes, como fax,
Corp., Av., etc. O <ABBR> no modifica a exibio das pginas HTML, mas
fornece dados para mecanismos que interpretam dados em uma pgina,
como sistemas de busca, corretores ortogrficos, sintetizadores de voz e
sistemas de traduo.
Exemplo:
<ABBR TITLE="Avenida">Av.</ABBR>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE,
ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN e ONKEYUP
<ACRONYM>
Este elemento serve para indicar os significados de acrnimos (uma
abreviao formada pelas letras iniciais de uma frase ou grupo de palavras),
como WWW, HTML, COBOL, SQL, etc. O <ACRONYM> no modifica a forma
como textos e imagens so apresentados, mas fornece dados importantes
para mecanismos de busca, corretores ortogrficos, sintetizadores de voz e
sistemas de traduo.
Exemplo:
<ACRONYM TITLE="World Wide Web">WWW</ACRONYM>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE,
ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN e ONKEYUP
<ADDRESS>
O <ADDRESS> usado para indicar endereos e contatos, geralmente no
incio ou final de um documento. Os textos marcados com este elemento
so mostrados em itlico nas pginas e so encontrados com mais
facilidade por mecanismos de pesquisa.
Exemplo:
<ADDRESS>
XPTO Representaes
Av. Rebouas, 1895
</ADRESS>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE,
ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN e ONKEYUP
<APPLET>
O <APPLET> serve para inserir aplicativos em Java dentro de documentos
HTML. Na verso 4.01 do HTML, no entanto, o <APPLET> foi substitudo pelo
elemento <OBJECT>.
Exemplo:
<APPLET CODEBASE="http://www.tcinet.com.br/java/" CODE="exemplo1"
WIDTH="300" HEIGHT="300">
Aqui vai um aplicativo em Java
</APPLET>
Atributos usados com este elemento: CODEBASE, CODE, NAME, ARCHIVE,
OBJECT, WIDTH, HEIGHT, ID, CLASS, TITLE, STYLE, ALT, ALIGN, HSPACE,
VSPACE
<AREA>
Esse elemento usado para determinar quais reas de uma imagem ou
objeto sero "clicveis" e quais os links relacionados com cada uma dessas
imagens. Pode se, por exemplo, dividir uma imagem em quatro partes, cada
uma com links para pginas diferentes dentro de um site. O AREA deve ser
usado juntamente com o elemento MAP para criar imagens ou objetos
mapeados.
Exemplo:
<MAP NAME="mapa1">
<AREA SHAPE="rect" COORDS="0,0,200,100"
HREF="http://www.tcinet.com.br/exemplo1.html">
<AREA SHAPE="circle" COORDS="100,85,10"
HREF="http://www.tcinet.com.br/exemplo2.html">
<AREA SHAPE="poly" COORDS="10,80,15,80,0,110"
HREF="http://www.tcinet.com.br/exemplo3.html">
</MAP>
Na maioria dos casos, as imagens com mapas clicveis so criadas com
eliminando o problema.
Exemplo:
Essa palavra est <BDO DIR=RTL>aditrevni</BDO>?
Atributos usados com este elemento: DIR, ID, CLASS, STYLE, TITLE, LANG
<BIG>
O <BIG> serve para destacar uma palavra, frase ou bloco de texto em uma
pgina HTML, aumentando o tamanho da fonte especificada. Em alguns
casos, o elemento <BIG> pode substituir o elemento <FONT> para fazer
pequenas mudanas nas fontes usadas em um documento.
Exemplo:
<BIG>Aumente o tamanho deste texto</BIG>
Atributos usados com este elemento: nenhum
<BLINK>
Faz com que o texto pisque na tela. Suportado apenas pelo Netscape.
Exemplo:
<blink&glt;Texto que pisca</blink>
<BLOCKQUOTE>
A principal funo do <BLOCKQUOTE> identificar uma citao dentro de
uma pgina HTML. O atributo CITE est sempre presente para indicar de
onde a frase ou texto foi retirado. Visualmente, o elemento <BLOCKQUOTE>
cria um pequeno pargrafo para destacar o texto marcado.
Exemplo:
<BLOCKQUOTE CITE="http://www.tcinet.com.br/software.html">
A Microsoft promete que as mquinas equipadas com o Windows 2000
nunca mais travaro</BLOCKQUOTE>
O exemplo acima no cria nenhum link para o endereo
http://www.tcinet.com.br/software.html, mas indica ao navegador e a
mecanismos de pesquisa qual a origem da frase.
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<BODY>
A presena do elemento <BODY> obrigatria em todas as pginas HTML.
Junto com este elemento, so colocadas todas as espeficicaes de um
documento, desde o tamanho e tipo da fonte at a cor da pgina e at
mesmo uma imagem para ser usada como fundo de tela.
Exemplo:
<HTML>
<HEAD>
<TITLE>Exemplo 1</TITLE>
</HEAD>
<BODY BGCOLOR="ffffff">
Esta pgina tem fundo branco
</BODY>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP,
ONLOAD, ONUNLOAD
<BR>
O elemento <BR> indica uma quebra de linha em um determinado local de
uma pgina HTML.
Exemplo:
Esta a primeira linha.<BR>
Esta a segunda linha.
Atributos usados com este elemento: ID, CLASS, TITLE, STYLE e CLEAR
<BUTTON>
Como o nome sugere, este elemento usado para criar botes em
documentos HTML. Ao contrrio do elemento <INPUT>, que pode ser usado
para a mesma funo, o <BUTTON> permite que o usurio produza botes
com imagens e at mesmo com formatao de texto em HTML. O tamanho
dos botes ajustado automaticamente para acomodar as imagens e textos
acrescentados.
Exemplo:
<BUTTON name="submit" value="submit" type="submit" width="64"
height="25">
<IMG src="http://www.tcinet.com.br/imagens/hit.gif" alt="Clique aqui"
width="65" height="25">
</BUTTON>
Atributos usados com este elemento: NAME, VALUE, TYPE, ID, CLASS, LANG,
DIR, TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP, DISABLED, ACCESSKEY, TABINDEX
<CAPTION>
O elemento <CAPTION> usado sempre depois do elemento <TABLE> e
serve para mostrar o nome ou ttulo de uma tabela.
Exemplo:
<HTML>
<HEAD>
<TITLE>Exemplo do elemento <CAPTION></TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" ALIGN="left" BORDERCOLOR="#0000FF"
WIDTH="100%">
<CAPTION ALIGN="bottom">Exemplo do uso do CAPTION</CAPTION>
<TR><TH>Texto A</TH> <TH>Texto B</TH></TR>
<TR> <TD>Texto C</TD> <TD>Texto D</TD> </TR>
<TR> <TD>Texto E</TD> <TD>Texto f</TD> </TR>
</TABLE>
</BODY>
</HTML>
Atributos usados com este elemento: ALIGN, VALIGN, ID, CLASS LANG, DIR,
TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP
<CENTER>
usado para alinhar um texto ou objeto, como tabelas e imagens, no centro
da pgina. Este elemento, entretanto, deixou de ser utilizado, sendo
substitudo pelo elemento <DIV>.
Exemplo:
<CENTER>Esta frase fica no centro da tela</CENTER>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<CITE>
Usado para indicar uma citao em um documento HTML. Os textos
colocados entre os elemento <CITE> so apresentados em itlico.
Exemplo:
<CITE>Esta uma citao</CITE>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<CODE>
Este elemento usado para formatar cdigo de programao em pginas
HTML. Os textos colocados entre o elemento <CODE> so apresentados em
uma fonte fixa, que na maioria dos casos Courier New.
Exemplo:
<CODE>Texto</CODE>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP.
<COL>
Este elemento permite que o autor crie colunas em uma tabela e determine
as propriedades para cada uma delas isoladamente. Deve ser usado
juntamente com o elemento <COLGROUP>, que usado para criar e definir
as propriedades gerais de um grupo de colunas.
Exemplo:
<TABLE>
<COLGROUP>
<COL>
<COL span="2">
</COLGROUP>
<TR>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
</TR>
</TABLE>
Atributos usados com este elemento: SPAN, WIDTH, ID, CLASS, LANG, DIR,
TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP, ALIGN, CHAR, CHAROFF, VALIGN.
<COLGROUP>
Este elemento permite que o autor de uma pgina HTML determine um
grupo de colunas dentro de uma tabela, bem como as propriedades destas
colunas. No exemplo acima, o <COLGROUP> foi usado para criar uma
tabela com uma linha e cinco colunas com 50 pixels de largura cada. O
elemento <COL> usado para determinar as proriedades das colunas
separadamente.
Exemplo:
<TABLE>
<COLGROUP span="5" width="50"></COLGROUP>
<TR>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
</TR>
</TABLE>
Atributos usados com este elemento: SPAN, WIDTH, ID, CLASS, LANG, DIR,
TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP, ALIGN, CHAR, CHAROFF, VALIGN
<DD>
O elemento <DD> mostra a definio de um termo em uma lista de
definies de termos. usado junto com os elementos <DL> (Definition
List) e <DT> (Definition Term).
Exemplo:
<DL>
<DT>Termo 1</DT>
<DD>Definio do Termo A </DD>
<DT>Termo 2</DT>
<DD>Definio do Termo 2</DD>
</DL>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<DEL>
O <DEL> usado junto com o elemento <INS> para indicar textos ou
palavras que foram apagados da verso original e inseridos em uma verso
editada. Um trao colocado sobre as palavras ou frases marcadas com
este elemento.
Exemplo:
Este texto foi <DEL>apagado</DEL>, mas esta <INS>frase foi
inserida</INS>
Atributos usados com este elemento: CITE, DATETIME, ID, CLASS, LANG, DIR,
TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP
<DFN>
Serve para indicar uma definio dentro de um documento HTML. Os textos
colocados entre o elemento <DFN> so visualizados em itlico.
Exemplo:
<DFN>Texto de exemplo</DFN>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<DIR>
O <DIR> foi desenvolvido para criar listas desordenadoas. Este elemento,
entretanto, foi substitudo pelo elemento <UL>.
Exemplo:
<DIR>
<LI>Item 1
<LI>Item 2
<LI>Item 3
</DIR>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<DIV>
O DIV um elemento usado para formatar blocos com textos, tabelas e
imagens em um documento HTML. Com o uso de Style Sheets, entretanto, o
DIV pode ser usado para definir estruturas de bancos de dados em pginas
HTML. No primeiro exemplo, o DIV define apenas o alinhamento do texto. J
no segundo caso, o elemento usado para criar a estrutura de um banco de
dados de clientes.
Exemplo 1:
<DIV ALIGN="CENTER">Este texto aparecer no centro da tela</DIV>
Exemplo 2:
<DIV id="client-oliveira" class="client">
<P>
<TABLE class="client-data">
<TR><TH>Nome:<TD>Jos</TR>
<TR><TH>Sobrenome:<TD>Oliveira</TR>
<TR><TH>Tel:<TD>(55) 555-5555</TR>
<TR><TH>e-mail:<TD>joseoliveira@exemplo.com.br</TR>
</TABLE>
</DIV>
Atributos usados com este elemento: ALIGN, CLEAR, NOWRAP, ID, CLASS,
LANG, DIR, TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN,
ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT,
ONKEYPRESS, ONKEYDOWN, ONKEYUP
<DL>
O elemento <DL> cria uma lista de definies de termos (Definition List) e
deve ser usado com os elementos <DT> (Definition Term) e <DD>
(Definition Description).
Exemplo:
<DL>
<DT>Termo 1</DT>
<DD>Definio do Termo A </DD>
<DT>Termo 2</DT>
<DD>Definio do Termo 2</DD>
</DL>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<DT>
O elemento <DT> define um termo em uma lista de definies. usado
junto com os elementos <DL> (Definition List) e <DD> (Definition
Description).
Exemplo:
<DL>
<DT>Termo 1</DT>
<DD>Definio do Termo A </DD>
<DT>Termo 2</DT>
<DD>Definio do Termo 2</DD>
</DL>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<EM>
Este elemento indica um texto que deve ser enfatizado em um documento
HTML. Os textos ou frases colocados entre o <EM> so apresentados em
itlico.
Exemplo:
<EM>Destaque este texto na pgina</EM>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<FIELDSET>
Este elemento permite que os autores agrupem vrios dados ou campos. Na
maioria dos casos, o FIELDSET usado para auxiliar a criao de formulrios
para entrada de dados. Visualmente, ele cria uma caixa em torno do
contedo colocado entre os tags <FIELDSET> e </FIELDSET>. O elemento
LEGEND pode ser usado para nomear o conjunto de campos.
Exemplo:
<FIELDSET>
<LEGEND>Dados pessoais</LEGEND>
Nome: <INPUT name="primeiro_nome" type="text" tabindex="1"><BR>
Sobrenome: <INPUT name="sobrenome" type="text" tabindex="2"><BR>
Endereo: <INPUT name="endereco" type="text" tabindex="3">
</FIELDSET>
<FIELDSET>
<LEGEND>Sexo</LEGEND>
<INPUT TYPE="radio" NAME="Sexo" VALUE="Male" tabindex=4>Masculino
<BR>
<INPUT TYPE="radio" NAME="Sexo" VALUE="Female"
tabindex=5>Feminino
</FIELDSET>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<FONT>
O elemento <FONT> usado para modificar os atributos das fontes
exibidas em uma pgina HTML. Com ele, possivel determinar o tamanho,
cor e o tipo da fonte. Funciona exatamente como o elemento <BASEFONT>.
Exemplo:
<FONT SIZE="4" FACE="impact" COLOR="#ffffff">Texto escrito com fonte
Impact, tamanho 4 e cor branca</FONT>
Atributos usados com este elemento: SIZE, FACE, COLOR, ID, CLASS, STYLE,
TITLE, LANG, DIR
<FORM>
O elemento FORM usado para delimitar a quantidade de campos de
entrada de um formulrio (que podem ser nome, sobrenome e e-mail, por
exemplo) e tambm para definir como esses dados sero processados. O
elemento FORM geralmente usado com o elemento INPUT.
Exemplo:
<FORM METHOD="post" ACTION="http://www.exemplo.com.br/cgibin/query">
<INPUT TYPE="text" NAME="exemplo">
</FORM>
Atributos usados com este elemento: ACTION, METHOD, ENCTYPE, ACCEPTCHARSET, ACCEPT, NAME, ID, CLASS, LANG, STYLE, TITLE, TARGET,
ONSUBMIT, ONRESET, ONCLICK, ONDBLCLICK, ONMOUSEDOWN,
ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT,
ONKEYPRESS, ONKEYDOWN, ONKEYUP
<FRAME>
Os frames (quadros) permitem que os autores criem documentos HTML
divididos em vrios quadros. Cada um desses quadros pode conter
diferentes informaes. Um designer, por exemplo, pode criar um site com
anncios na parte superior, ume menu de navegao na parte esquerda e
usar a rea restante para apresentar as informaes principais. O elemento
FRAME usado, basicamente, para especificar um endereo ou documento
HTML de onde as informaes dos quadros sero retiradas.
Exemplo:
<FRAMESET COLS="30% ,70%">
<FRAMESET ROWS="40% ,60%">
<FRAME SRC="arquivo_frame1.html">
<FRAME SRC="arquivo_frame2.html">
</FRAMESET>
<FRAME SRC="arquivo_frame3.html">
</FRAMESET>
Atributos usados com este elemento: LONGDESC, NAME, SRC,
FRAMEBORDER, MARGINWIDTH, MARGINHEIGHT, NORESIZE, SCROLLING, ID,
CLASS, TITLE, STYLE
<FRAMESET>
O elemento FRAMESET usado para determinar as caractersticas de cada
um dos frames de um documento HTML, como a largura das colunas.
<FRAMESET COLS="200, 400">
<FRAME SRC="arquvo_frame1.html">
</FRAMESET>
Atributos usados com este elemento: ROWS, COLS, ONLOAD, ONUNLOAD,
ID, CLASS, TITLE, STYLE
<H1> -- <H6>
Os elementos H1, H2, H3, H4, H5 e H6 so usados para descrever ttulos de
uma sentena. Entre os seis elementos, o H1 o mais importante e o H6, o
menos importante. Navegadores como o Internet Explorer e o Netscape
Navigator costumam apresentar os ttulos mais importantes em fontes
maiores.
Exemplo:
<H1>Este ttulo mais importante...</H1><BR>
<H2> ...do que este outro ttulo...</H2><BR>
<H3> ...e assim por diante...<H3>
Atributos usados com este elemento: ID, CLASS, LANG, TITLE, STYLE, ALIGN,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<HEAD>
O elemento HEAD traz informaes sobre um documento HTML, como o
ttulo (ver TITLE), palavras-chave que podem ser teis para mecanismos de
busca (ver META) e outros dados que no so considerados como parte do
contedo de um documento HTML.
Exemplo:
<HEAD>
<TITLE>Novo Documento</TITLE>
<META http-equiv="Content-Language" content="pt">
</HEAD>
Atributos usados com este elemento: PROFILE, LANG, DIR
<HR>
O elemento HR cria uma linha horizontal entre duas sees de um
documento HTML. A linha costuma ser acinzentada e ocupa toda a largura
da tela. Essas caractersticas, entretanto, podem ser alteradas.
Exemplo:
<HR WIDTH="100%"ALIGN="CENTER" COLOR="#0000FF">
Atributos usados com este elemento: ALIGN, COLOR, NOSHADE, SIZE,
WIDTH, ID, CLASS, LANG, DIR, TITLE, STYLE, ONCLICK, ONDBLCLICK,
Exemplo:
<IMG SRC="http://www.tcinet.com.br/imagens/estrela.gif">
Atributos usados com este elemento: ID, CLASS, ALT, LANG, DIR, TITLE,
STYLE, ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN,
ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT,
ONKEYPRESS, ONKEYDOWN e ONKEYUP, ISMAP, USEMAP, ALIGN, WIDTH,
HEIGHT, BORDER, HSPACE, VSPACE.
<INPUT>
A principal funo do elemento INPUT criar formulrios para a entrada de
dados. Com o INPUT, possvel criar caixas de entrada para textos (para
digitar nome, sobrenome e senha, por exemplo), botes para enviar os
dados, etc.
Exemplo:
<DIV ALIGN="JUSTIFY"><FONT FACE="ARIAL" SIZE="3"
COLOR="#000000">
Nome: <INPUT type="text" name="nome" size="100"><BR>
Sobrenome: <INPUT type="text" name="nome" size="100"><BR>
E-mail: <INPUT type="text" name="nome" size="100"><BR>
<INPUT type="radio" name="sexo" value="Homem">Homem<BR>
<INPUT type="radio" name="sexo" value="Mulher">Mulher<BR>
</DIV>
Atributos usados com este elemento: TYPE, NAME, VALUE, CHECKED,
DISABLED, READONLY, SIZE, MAXLENGTH, SRC, ALT, USEMAP, ISMAP,
TABINDEX, ACCESSKEY, ONFOCUS, ONBLUR, ONSELECT, ONCHANGE,
ACCEPT, ID, CLASS, LANG, DIR, TITLE, STYLE, ALT, ALIGN, ACCEPT,
READONLY, DISABLED, TABINDEX, ACCESSKEY, USEMAP, ISMAP, ONFOCUS,
ONBLUR, ONSELECT, ONCHANGE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN,
ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT,
ONKEYPRESS, ONKEYDOWN, ONKEYUP
<INS>
O <INS> usado junto com o elemento <DEL> para indicar textos ou
palavras que foram apagados da verso original e inseridos em uma verso
editada. As palavras ou frases marcadas com este elemento aparecem
sublinhadas em um documento HTML
Exemplo:
Este texto foi <DEL>apagado</DEL>, mas esta <INS>frase foi
inserida</INS>
Atributos usados com este elemento: CITE, DATETIME, ID, CLASS, LANG, DIR,
TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP
<ISINDEX>
Este elemento cria uma caixa para entrada de textos em uma pgina HTML.
O ISINDEX, entretanto, no mais utilizado e foi substitudo pelo elemento
INPUT.
Exemplo:
<ISINDEX prompt="Digite o seu nome: ">
Atributos usados com este elemento: PROMPT, ID, CLASS, LANG, DIR, TITLE,
STYLE
<KBD>
O <KBD> usado para indicar textos que foram digitados pelo usurio. Os
textos colocados entre o elemento <KBD> so apresentados em uma fonte
fixa, que na maioria dos casos Courier New.
Exemplo:
<KBD>Texto</KBD>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<LABEL>
O LABEL serve para associar dois objetos diferentes em um documento
HTML. O LABEL no modifica a exibio de uma pgina HTML, mas um
recurso importante para a manipulao de dados em formulrios.
Exemplo:
<FORM action="..." method="post">
<TABLE>
<TR>
<TD><LABEL for="pnome">Nome</LABEL>
<TD><INPUT type="text" name="primeironome" id="pnome">
<TR>
<TD><LABEL for="snome">Last Name</LABEL>
<TD><INPUT type="text" name="sobrenome" id="sname">
</TABLE>
</FORM>
Atributos usados com este elemento: FOR, ACCESSKEY, ID, CLASS, LANG,
DIR, TITLE, STYLE, ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK,
ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE,
ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<LEGEND>
Define um nome para identificar o contedo do elemento <FIELDSET>
Exemplo:
<FIELDSET>
<LEGEND>Dados pessoais</LEGEND>
Nome: <INPUT name="primeiro_nome" type="text" tabindex="1"><BR>
Sobrenome: <INPUT name="sobrenome" type="text" tabindex="2"><BR>
Endereo: <INPUT name="endereco" type="text" tabindex="3">
</FIELDSET>
Atributos usados com este elemento: ALIGN, ID, CLASS, LANG, DIR, TITLE,
STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP
<LI>
O LI usado para criar itens de uma lista, que pode ser desordenada
(elemento UL) ou ordenada (elemento OL).
Exemplo:
<UL>
<LI>Um item
<LI>Outro item
</UL>
Atributos usados com este elemento: COMPACT, TYPE, START, VALUE, ID,
CLASS, LANG, DIR, TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN,
ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT,
ONKEYPRESS, ONKEYDOWN, ONKEYUP
<LINK>
O elemento LINK usado para indicar as relaes de um documento HTML
com diferentes objetos, como Style Sheets, imagens, applets Java, outros
documentos HTML, etc. Ao contrrio dos elementos A HREF e A NAME, o
LINK s pode ser usado no cabealho (HEAD) de uma pgina e no produz
nenhuma informao para o contedo das pginas.
Em compensao, o LINK pode ser usado para estabelecer uma ligao com
uma Style Sheet, que vai determinar como os elementos de um documento
HTML sero visualizados. As relaes indicadas com esse elemento tambm
podem ser aproveitadas por mecanismos de busca e outros sistemas de
tratamento de dados.
Exemplo 1:
<HEAD>
<LINK REL="STYLESHEET"
HREF="http://www.exemplo.com.br/css/padrao.css" TYPE="text/css">
</HEAD>
Exemplo 2:
<HEAD>
<TITLE>Um documento em portugus</TITLE>
<LINK title="This document in English "
type="text/html"
rel="alternate"
hreflang="en"
href="http://www.exemplo.com.br/doc/english.html">
<LINK lang="fr" title="La documentation en Franais"
type="text/html"
rel="alternate"
hreflang="fr"
href="http://www.exemplo.com.br/doc/french.html">
<LINK title="This document in Arabic"
type="text/html"
rel="alternate"
charset="ISO-8859-6"
hreflang="ar"
href="http://www.exemplo.com.br/doc/arabic.html">
</HEAD>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
intepretar e qual o aplicativo externo que ser usado para executar a tarefa.
Com o uso do OBJECT, possvel usar aplicaes em Java e diversos plugins, como o Real Player, Flash, Adobe Acrobat.
Exemplo:
<OBJECT classid="http://www.exemplo.com.br/filmes/filme.mpeg"
type="application/mpeg" standby="Carregando vdeo">
</OBJECT>
Atributos usados com este elemento: DECLARE, CLASSID, CODEBASE, DATA,
TYPE, CODETYPE, ARCHIVE, STANDBY, HEIGHT, WIDTH, USEMAP, NAME,
TABINDEX, ID, CLASS, LANG, TITLE, STYLE, ONCLICK, ONDBLCLICK,
ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE,
ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP, TABINDEX, USEMAP,
NAME, ALIGN, WIDTH, HEIGHT, BORDER, HSPACE, VSPACE
<OL>
Cria listas ordenadas em um documento HTML. Os itens em uma lista
ordenada so numerados.
Exemplo:
<OL>
<LI>Primeira parte
<LI>Segunda parte
<LI>Terceira parte
</OL>
Atributos usados com este elemento: TYPE, VALUE, ID, CLASS, LANG, DIR,
TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP
<OPTGROUP>
O OPTIONGROUP pode ser usado para agrupar as opes de um menu, que
so criadas com os elementos OPTION e SELECT. O OPTGROUP, entretanto,
s compatvel com o Netscape 6.
Exemplo:
<SELECT name="Exemplo 1">
<OPTION selected value="nada">----</OPTION>
<OPTGROUP label="Exemplos 1">
<OPTION value="ex1a">Exemplo 1A</OPTION>
<OPTION value="ex1b">Exemplo 1B</OPTION>
<OPTION value="ex1c">Exemplo 1C</OPTION>
</OPTGROUP>
<OPTGROUP label="Exemplos 2">
<OPTION value="ex2a">Exemplo 2A</OPTION>
<OPTION value="ex2b">Exemplo 2B</OPTION>
<OPTION value="ex2c">Exemplo 2C</OPTION>
</OPTGROUP>
<OPTGROUP label="Exemplos 3">
<OPTION value="ex3a">Exemplo 3A</OPTION>
<OPTION value="ex3b">Exemplo 3B</OPTION>
<OPTION value="ex3c">Exemplo 3C</OPTION>
</OPTGROUP>
</SELECT>
Atributos usados com este elemento: LABEL, ID, CLASS, LANG, DIR, TITLE,
STYLE, DISABLED, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP
<OPTION>
O OPTION define quais as opes que sero listadas em um menu criado
com o elemento SELECT.
Exemplo:
<FORM>
<SELECT NAME="menu1" MULTIPLE>
<OPTION VALUE="Escolha1">Item 1
<OPTION VALUE="Escolha2">Item 2
<OPTION VALUE="Escolha3">Item 3
</SELECT>
</FORM>
Atributos usados com este elemento: SELECTED, VALUE, LABEL, ID, CLASS,
LANG, DIR, TITLE, STYLE, DISABLED, TABINDEX, ONCLICK, ONDBLCLICK,
ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE,
ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<P>
Serve para criar pargrafos em documentos HTML. Depois de posicionado, o
elemento <P> cria duas quebras de linha.
<PARAM>
O PARAM define os parmetros quem um objeto (OBJECT) ou aplicao Java
(APPLET) vo utilizar quando forem executados.
Exemplo:
<P><OBJECT classid="http://www.tcinet.com.br/relogio.py">
<PARAM name="height" value="40" valuetype="data">
<PARAM name="width" value="40" valuetype="data">
This user agent cannot render Python applications.
</OBJECT>
Atributos usados com este elemento: ID, NAME, VALUE, VALUETYPE, TYPE
<PRE>
O PRE indica para os navegadores que o texto seguinte pr-formatado.
Dessa forma, os espaos, tabulaes entre outros caracteres que
normalmente so ignorados pelo HTML so exibidos corretamente dentro do
elemento PRE. O PRE exibe o contedo com uma fonte fixa.
Exemplo:
<PRE>Texto com formatao
original. </PRE>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<Q>
O elemento Q usado para indicar citaes em um documento HTML. O
</BODY>
Atributos usados com este elemento: TYPE, MEDIA, TITLE, LANG, DIR
<SUB>
Este elemento diminui o tamanho do texto e o coloca um pouco abaixo do
alinhamento normal. til para notaes cientficas.
Exemplo:
3<sub>12</sub>
<SUP>
Semelhante ao SUB. A diferena que este comando alinha o texto um
pouco acima do nvel normal. til para notaes matemticas envolvendo
potncias ou abreviaturas.
Exemplos:
2<sup>o</sup> grau; 3<sup>10</sup>
<TABLE>
Este o principal elemento para criao de tabelas em HTML. Ele contm
todas as definies de fontes, linhas, clulas, cabealho e rodap de uma
tabela.
Exemplo:
<TABLE BORDER="1" BORDERCOLOR="#0000FF" CELLPADDING="10"
WIDTH="50%">
<CAPTION>Exemplo de tabela</CAPTION>
<TR><TH>Texto 1</TH><TH> Texto 2</TH><TH> Texto 3</TH>
</TR>
<TR><TD>Continuao do texto 1</TD>
<TD> Continuao do texto 2</TD>
<TD> Continuao do texto 3</TD>
</TR>
<TR><TD> Continuao do texto 1</TD>
<TD> Continuao do texto 2</TD>
<TD> Continuao do texto 3</TD>
</TR>
<TFOOT>
<TR><TH COLSPAN="4">Este apenas um pequeno exemplo</TH></TR>
</TFOOT>
</TABLE>
Atributos usados com este elemento: SUMMARY, WIDTH, BORDER, FRAME,
RULES, CELLSPACING, CELLPADDING, ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP,
BGCOLOR, FRAME, RULES, BORDER
<TBODY>
O TBODY usado para especificar o contedo da tabela. Dentro dele esto
os elementos que criam as linhas (TR) e colunas da tabela (TD). O uso do
TBODY, no entanto, no necessrio.
Exemplo:
<TABLE>
<TBODY>
<TR><TD>Este um exemplo</TD></TR>
<TR><TD>Este outro exemplo</TD></TR>
</TBODY>
</TABLE>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP,
ALIGN, CHAR, CHAROFF, VALIGN
<TD>
Todo o contedo que exibido em uma tabela deve ser inserido dentro de
uma clula criada com o elemento TD ou TH.
Exemplo:
<TABLE>
<TR><TD>Primeira clula da tabela</TD><TD>Segunda clula da
tabela</TD><TD>Terceira clula da tabela</TD></TR>
<TR><TD COLSPAN=3> </TD>
</TABLE>
Atributos usados com este elemento: ABBR, AXIS, HEADERS, SCOPE,
ROWSPAN, COLSPAN, NOWRAP, WIDTH, HEIGHT, ID, CLASS, LANG, DIR,
TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP, BGCOLOR, ALIGN, CHAR, CHAROFF, VALIGN
<TEXTAREA>
O elemento TEXTAREA usado para criar caixas de entrada de texto em
pginas HTML.
Exemplo:
<FORM action="http://www.tcinet.com.br/cgi-bin/pegar-texto"
method="post">
<P>
<TEXTAREA name="texto" rows="25" cols="60">
</TEXTAREA>
<INPUT type="submit" value="Enviar"><INPUT type="reset"
value="Limpar">
</P>
</FORM>
Atributos usados com este elemento: NAME, ROWS, COLS, DISABLED,
READONLY, TABINDEX, ACCESSKEY, ID, CLASS, LANG, TITLE, STYLE,
ONFOCUS, ONBLUR, ONSELECT, ONCHANGE, ONCLICK, ONDBLCLICK,
ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE,
ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<TFOOT>
O TFOOT uado para exibir contedo no rodap de uma tabela. Todo TFOOT
deve ter, pelo menos, uma linha de dados, criada com o elemento TD.
Exemplo:
<TABLE BORDER="1" CELLPADDING="10" CELLSPACING="0"
WIDTH="50%">
<TR>
<TD>Texto A</TD>
<TD>Texto B</TD>
<TD>Texto C</TD>
</TR>
<TFOOT>
<TR><TH COLSPAN=3>Fim da tabela</TH></TR>
</TFOOT>
</TABLE>
Atributos relacionados com este elemento: Atributos usados com este
elemento: ID, CLASS, LANG, DIR, TITLE, STYLE, ONCLICK, ONDBLCLICK,
ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE,
ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP, ALIGN, CHAR,
CHAROFF, VALIGN
<TH>
Assim como o elemento TD, o TH usado para definir as clulas e o
contedo de uma tabela. Os dois elementos funcionam da mesma forma,
mas o TH mais utilizado para definir o ttulo de uma coluna. A principal
diferena que o contedo inserido dentro do elemento TH alinhado ao
centro da clula e os textos so exibidos em negrito.
<TABLE BORDER="1" BORDERCOLOR="#000000">
<TR><TH>Ttulo A</TH><TH>Ttulo B</TH><TH>Ttulo C</TD></TR>
<TR><TD>Contedo A...</TD><TD>Contedo B...</TD><TD>Contedo
C...</TD>
</TABLE>
Atributos usados com este elemento: Atributos usados com este elemento:
ABBR, AXIS, HEADERS, SCOPE, ROWSPAN, COLSPAN, NOWRAP, WIDTH,
HEIGHT, ID, CLASS, LANG, DIR, TITLE, STYLE, ONCLICK, ONDBLCLICK,
ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE,
ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP, BGCOLOR, ALIGN,
CHAR, CHAROFF, VALIGN
<THEAD>
O THEAD usado para definir o cabealho de uma tabeka. O TFOOT deve
ter pelo menos uma liha de dados, criada com o elemento TR.
<TITLE>
usado para identificar o ttulo de um documento HTML. Este elemento
deve sempre ser colocado no cabealho (HEAD) de uma pgina.
Exemplo:
<HEAD>
<TITLE>Exemplos de HTML</TITLE>
</HEAD>
<TR>
Define as linhas de uma tabela. Toda linha deve ter pelo menos um
elemento TD, para exibir o contedo da tabela.
Exemplo:
<TABLE BORDER="1" BORDERCOLOR="#000000">
<TR ID="primeiralinha"><TD>Esta a primeira linha de uma tabela</TD>
<TR ID="segundalinha"><TD>Esta a segunda linha de uma tabela</TD>
</TABLE>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP,
BGCOLOR, ALIGN, CHAR, CHAROFF, VALIGN
<TT>
O TT usado para exibir textos com fontes fixas, como Courier New.
Exemplo:
<TT>Um texto com fonte fixa</TT>
Atributos usados com este elemento: nenhum
<U>
Um dos elementos mais simples do HTML. usado para sublinhar textos.
Exemplo:
<U>Texto</U>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE,
ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN e ONKEYUP.
<UL>
Ao contrrio do elemento OL, que cria listas numeradas, o UL usado para
criar listas sem ordem nenhuma. Uma bolinha colocada ao lado de cada
item de uma lista sem ordem.
Exemplo:
<UL>
<LI>Um item qualquer
<LI>Outro item qualquer
</UL>
Atributos usados com o elemento: TYPE, VALUE, ID, CLASS, LANG, DIR,
TITLE, STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP
<VAR>
Usado para representar variveis ou exemplos de programa em pginas
HTML. Os textos inseridos com o elemento VAR so exibidos em itlico.
Exemplo:
<VAR>Varivel A = 1</VAR>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP