Você está na página 1de 25

Dicionrio HTML - A

<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

ferramentas especficas, como o XXX e YYYY.


Atributos usados com este elemento: SHAPE, COORDS, HREF, NOHREF, ALT,
TABINDEX, ACCESSKEY, ONFOCUS, ONBLUR, ID, CLASS, LANG, DIR, TITLE,
STYLE, NAME, TARGET, ONCLICK, ONDBLCLICK, ONMOUSEDOWN,
ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT,
ONKEYPRESS, ONKEYDOWN, ONKEYUP
B>
Um dos elementos mais simples do HTML. usado para aplicar negrito em
textos.
Exemplo:
<B>Texto</B>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE,
ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN e ONKEYUP
<BASE>
No HTML, os links para outros documentos, imagens entre outros objetos
que podem ser exibidos em uma pgina so especificados por meio de
URLs. As URLs so os endereos desses objetos na Internet. Por exemplo,
uma foto pode estar no endereo http://www.fotos.com/foto.jpg. O elemento
<BASE> usado para facilitar o trabalho dos programadores e estabelece
um endereo comum, onde os objetos so encontrados.
Exemplo:
<BASE HREF="http://www.tcinet.com.br">
Com esse endero especificado, elimina-se a necessidade de digitar o
endereo "http://www.tcinet.com.br" toda vez que for preciso chamar uma
pgina ou imagem do site.
Um link para uma pgina de notcias, por exemplo, ficaria dessa forma: <A
HREF="noticias.html">. Ou ento para uma imagem: <IMG
SRC="../imagens/imagem.gif">. O elemento <BASE> deve ser usado
sempre entre os elementos <HEAD> e </HEAD> e obrigatrio o uso do
atributo HREF para especificar um endereo.
Atributos usados com este elemento: HREF, TARGET
<BASEFONT>
O elemento <BASEFONT> 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 <FONT>.
Exemplo:
<BASEFONT SIZE="3" FACE="arial" COLOR="#000000">Texto escrito com
fonte arial, tamanho 3 e cor preta</BASEFONT>
Atributos usados com este elemento: SIZE, COLOR, FACE, ID
<BDO>
O elemento <BDO> foi criado para solucionar um problema em pginas
com mltiplos idiomas. Os idiomas ocidentais (portugus, ingls, espanhol,
francs) so escritos da esquerda para a direita. A ordem nos idiomas
orientais invertida, isto , so escritos da direita para a esquerda. Com o
elemento <BDO> possvel mudar livremente a ordem das palavras,

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,

ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE,


ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<HTML>
Este o primeiro e principal elemento de qualquer pgina HTML. Ele indica
que tudo o que est na pgina deve ser interpretado como elementos para
marcao de texto no padro HTML.
Exemplo:
<HTML>
<HEAD>
<TITLE>Uma pgina HTML</TITLE>
</HEAD>
<BODY>
Texto do documento....
</BODY>
</HTML>
Atributos usados com este elemento: VERSION, LANG, DIR
<I>
Um dos elementos mais simples do HTML. usado para formatar textos em
itlico.
Exemplo:
<I>Texto</I>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE,
ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN e ONKEYUP.
<IFRAME>
O IFRAME um elemento que permite a incluso de um frame em uma
pgina HTML da mesma forma que uma imagem ou outro objeto includo.
Na prtica, como se voc estivesse incluindo uma pgina HTML dentro de
outra pgina HTML. O IFRAME, no entanto, s suportado pelo Internet
Explorer (verso 3.0 ou superior) e pelo Netscape 6.
Exemplo:
Esta uma pgina HTML, inserida com o elemento IFRAME<BR>
<IFRAME SRC="http://www.tcinet.com.br/noticias.html" width="300"
height="200" scrolling="auto" frameborder="0"></IFRAME>
<P>
E esta outra pgina HTML<BR>
<IFRAME SRC="http://www.tcinet.com.br" width="200" height="150"
scrolling="auto" frameborder="0"></IFRAME>
Atributos usados com este elemento: NAME, SRC, FRAMEBORDER,
MARGINWIDTH, MARGINHEIGHT, SCROLLING, ALIGN, ID, CLASS, LANG, DIR,
TITLE, ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN,
ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT,
ONKEYPRESS, ONKEYDOWN e ONKEYUP.
<IMG>
O <IMG> serve para inserir uma imagem em uma pgina HTML. O atributo
SRC deve sempre ser usado para identificar a origem da imagem utilizada.

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,

ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP,


HREF, HREFLANG, TYPE, REL, REV, TARGET, MEDIA, CHARSET
<MAP>
Esse elemento usado para criar um mapa, que posteriormente ser
aplicado a uma imagem ou objeto. O MAP usado para definir um nome
para o mapa e tambm quais as partes de uma imagem ou objeto que sero
clicveis e quais os endereos relacionados com essas partes. O elemento
AREA tem a mesma funo do MAP, porm tem mais recursos.
Exemplo:
<MAP name="mapa1">
<P>Navigendo pelo site:
<A href="intro.html" shape="rect" coords="0,0,118,28">Introduo</a> |
<A href="news.html" shape="rect"
coords="118,0,184,28">Novidades</A> |
<A href="search.html" shape="circle" coords="184,200,60">Pesquisa</A>
|
<A href="links.html" shape="poly"
coords="276,0,276,28,100,200,50,50,276,0">Links</A>
</MAP>
Atributos usados com este elemento: Atributos usados com este elemento:
SHAPE, COORDS, HREF, NOHREF, TABINDEX, ACCESSKEY, ONFOCUS,
ONBLUR, ID, CLASS, LANG, DIR, TITLE, STYLE, NAME, TARGET, ONCLICK,
ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<MARQUEE>
Faz com que o texto se movimente de um lado para outro da tela.
Interpretado somente pelo Internet Explorer.
Exemplo:
<marquee>Texto</marquee>
<MENU>
O <MENU> foi desenvolvido para criar listas desordenadoas. Este elemento,
entretanto, foi substitudo pelo elemento <MENU>.
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
<META>
Este elemento usado para indicar diversas propriedades de um
documento HTML, como, por exemplo, o autor da pgina, a linguagem
utilizada, o assunto do documento, etc. O META deve ser colocado entre o
elemento HEAD e no produz nenhuma informao visvel em uma pgina
HTML. Em compensao, ele contm informaes teis para mecanismos de

busca e outros sistemas de tratamento de dados.


Exemplo:
<META name="Author" lang="pt" content="Gilberto Oliveira">
<META http-equiv="Content-Type" content="text/html; charset=windows1252">
Atributos usados com este elemento: HTTP-EQUIV, NAME, CONTENT,
SCHEME, LANG, DIR
<NOFRAMES>
O elemento NOFRAMES especifica um contedo que deve ser exibido
apenas por navegadores mais antigos, como o Netscape Navigator 2 e o
Internet Explorer 2.0 e verses anteriores, que no conseguem exibir
frames.
Exemplo:
<FRAMESET cols="30%, 70%">
<FRAME SRC="principal.html">
<FRAME SRC="secundario.html">
<NOFRAMES>
<P> O seu navegador no suporta frames. Por favor, copie o Netscape
Navigator 3 ou o Internet Explorer 3<P>
</NOFRAMES>
</FRAMESET>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<NOSCRIPT>
Quando os comandos de um script no podem ser interpretados por um
navegador, os autores podem usar o elemento NOSCRIPT, para exibir um
contedo alternativo. O NOSCRIPT sempre usado com o elemento SCRIPT.
Exemplo:
<script TYPE="text/tcl">
...alguns comandos do script...
</SCRIPT>
<NOSCRIPT>
<P>
<A HREF="http://www.exemplo.com.br/noscript.hml">Clique aqui para ver o
contedo desta pgina</A>
</NOSCRIPT>
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE, STYLE,
ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP, ONMOUSEOVER,
ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN, ONKEYUP
<OBJECT>
A maioria dos navegadores tem mecanismos prprios para exibir imagens
(IMG), fontes diferentes (FONT), tabelas (TABLE), etc,. Quando um browser
no tem um mecanismo para exibir um determinado objeto (um arquivo de
msica ou um documento do Word, por exemplo) ele pode usar aplicativos
externos para mostrar esses objetos.
O elemento OBJECT define exatamente qual o arquivo que o browser ter de

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

elemento substitudo por aspas na pgina. Por enquanto, suportado


apenas pelo Netscape 6.
Exemplo:
Depois da reunio, Bill Gates voltou a afirmar que <Q
CITE="http://www.microsoft.com">A Microsoft defende os interesses dos
consumidores</Q>
Atributos usados com este elemento: CITE, ID, CLASS, LANG, DIR, TITLE,
STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN, ONKEYUP
<S>
As palavras marcadas com os elemento S e STRIKE so exibidas com um
trao no meio. Os dois elementos, entretanto, foram descontinuados.
Exemplo:
<S>Este texto foi anulado</S>
Atributos relacionados com este elemento: ID, CLASS, LANG, DIR, TITLE,
STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN ONKEYUP
<SELECT>
O SELECT usado para criar menus. usado sempre com o elemento
OPTION, que define quais as opes de escolha que o menu oferece.
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: NAME, SIZE, MULTIPLE, DISABLED,
TABINDEX, ONFOCUS, ONBLUR, ONCHANGE, ID, CLASS, LANG, DIR, TITLE,
STYLE, DISABLED, TABINDEX, ONCLICK, ONDBLCLICK, ONMOUSEDOWN,
ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT,
ONKEYPRESS, ONKEYDOWN, ONKEYUP
<SMALL>
Este elemento exibe o texto num tamanho de fonte menor do que o padro.
Exemplo:
<small>Texto em fonte menor do que a normal</small>
<SPAN>
O SPAN um elemento usado para formatar blocos com textos, tabelas e
imagens em um documento HTML e funciona de maneira semelhante ao
DIV. A diferena que o DIV fora uma quebra de linha. Com o uso de Style
Sheets, o SPAN pode ser usado para definir estruturas de bancos de dados
em pginas HTML. No primeiro exemplo, o SPAN 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:
<SPAN ALIGN="CENTER">Este texto aparecer no centro da tela</SPAN>
Exemplo 2:
<SPAN id="client-silva" class="client">
<P>
<TABLE class="client-data">
<TR><TH>Nome:<TD>Mario</TR>
<TR><TH>Sobrenome:<TD>Silva</TR>
<TR><TH>e-mail:<TD>mariosilva@exemplo.com.br</TR>
</TABLE>
</SPAN>
<STRIKE>
As palavras marcadas com os elemento S e STRIKE so exibidas com um
trao no meio. Os dois elementos, entretanto, foram descontinuados.
Exemplo:
<S>Este texto foi anulado</S>
Atributos relacionados com este elemento: ID, CLASS, LANG, DIR, TITLE,
STYLE, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN ONKEYUP
<STRONG>
Usado para indicar uma forte nfase. Na prtica, funciona exatamente como
o elemento B e exibe textos em negrito.
Exemplo:
<STRONG>Texto</ STRONG >
Atributos usados com este elemento: ID, CLASS, LANG, DIR, TITLE,
ONFOCUS, ONBLUR, ONCLICK, ONDBLCLICK, ONMOUSEDOWN, ONMOUSEUP,
ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS,
ONKEYDOWN e ONKEYUP
<STYLE>
O STYLE usado para determinar diversas caractersticas de Style Sheets
dentro de um documento HTML. Este elemento deve ser usado dentro do
cabealho (HEAD) de uma pgina e permite modificar os atributos de
praticamente todos os elementos do HTML. Os elementos LINK e META
oferecem outros mtodos para incluir Style Sheets em documentos HTML.
Exemplo:
<HEAD>
<STYLE type="text/css">
H1.meuexemplo {border-width: 1; border: solid; color: blue; text-align:
center}
</STYLE>
</HEAD>
<BODY>
<H1 class="meuexemplo">Esta frase vai aparecer com uma borda e ser
azul</H1>
<H1> Mas essa continuar normal </H1>

</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

Você também pode gostar