Comandos Básicos de HTML

Clique aqui e imprima esta página.

Tag

Nome

Exemplo do código

Visão do Browser

<!--

comentários

E nada na página será visto (Função)

<A -

Link

<A HREF="http://www.seusite.com.br/">Visite nosso Site</A>

Visit Our Site (Função)

<B>

negrito

<B>Example</B>

Exemplo

<BIG>

big (texto)

<BIG>Exemplo</BIG>

Exemplo (função)

<BODY>

corpo do documento

<BODY>O conteúdo da sua página que será visto pelo visitante</BODY>

Conteúdo de sua Home Page (função)

<BR>

quebra de linha

O conteúdo do site<BR>O conteúdo do site

O conteúdo do site
O conteúdo do site

centralizar

<CENTER>Para centralizar um conteúdo</CENTER>

Para centralizar um conteúdo

<DD>

definição e descrição

<DL>
<DT> Termo
<DD>Descrição do termo
<DT> Termo
<DD>Descrição do termo
</DL>

Termo: Descrição do termo
Termo: Descrição do termo

<DL>

Lista

<DL>
<DT>Termo da lista
<DD>Termo da lista
<DT>Termo da lista
<DD>Termo da lista
</DL>

Termo da lista

<DT>

Termo da lista

<DL>
<DT>Termo da lista
<DD>Termo da lista
<DT>Termo da lista
<DD>Termo da lista
</DL>

Termo da lista: Termo da listqa
Termo da lista: Termo da lista

<EM>

ênfase de texto

este é um <EM>Exemplo</EM> usando the ênfase tag

Este é um Exemplo usando ênfase tag

<EMBED>

Objeto de som

<EMBED src="seuarquivo.mid" width="100%" height="60" align="center">

(função)

<EMBED>

Objeto de som

<EMBED src="seuarquivo.mid" hidden=true autostart=true>

A música inicia-se assim que a pa´gna HTML carregar. Não display à vista

<FONT>

fonte

<FONTE FACE="Times New Roman">Example</FONT>

Exemplo (função)

<FONT>

fonte

<FONT FACE="Times New Roman" SIZE="4">Example</FONT>

Exemplo (função)

<FONT>

fonte

<FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example</FONT>

Exemplo (função)

<FORM>

formulário

<FORM action="mailto:vc@seuemail.com.br">
Nome: <INPUT name="Name" value="" size="10"><BR>
Email: <INPUT name="Email" value="" size="10"><BR>
<CENTER><INPUT type="submit"></CENTER>
</FORM>

<H1>

título 1

<H1>título 1 Example</H1>

Título 1 Exemplo

<H2>

título 2

<H2>Título 2 Exemplo</H2>

Título 2 Exemplo

<H3>

Título 3

<H3>Título 3 Exemplo</H3>

Título 3 Exemplo

<H4>

título 4

<H4>Título 4 Exemplo</H4>

Título 4 Exemplo

<H5>

título 5

<H5>Título 5 Exemplo</H5>

Título 5 Exemplo

<H6>

título 6

<H6>Título 6 Exemplo</H6>

Título 6 Exemplo

<HEAD>

Cabeça do documento

<HEAD>Contém os elementos que serão executados no documento</HEAD>

Não é visível na corpo da página

<HR>

linha horizontal

<HR>

Conteúdo de sua página (função)

Conteúdo de sua página

<HR>

horizontal rule

<HR WIDTH="50%" SIZE="3">

Conteúdo de sua página

<HR>

linha horizontal

<HR WIDTH="50%" SIZE="3" NOSHADE>

Conteúdo de sua página

<HR>
(Internet
Explorer)

linha horizontal

<HR WIDTH="75%" COLOR="#FF0000" SIZE="4">

Conteúdo de sua página

<HR>
(Internet
Explorer)

linha horizontal

<HR WIDTH="25%" COLOR="#6699FF" SIZE="6">

Conteúdo de sua página

<HTML>

hypertext markup language

<HTML><HEAD><META><TITLE>Title of your webpage</TITLE></HEAD><BODY>Webpage contents</BODY></HTML>

Conteúdo de sua página

<I>

itálico

<I>Example</I>

Exemplo

<IMG>

imagem

<IMG SRC="seuarquivo.gif" WIDTH="41" HEIGHT="41" BORDER="0" ALT="uma frase a respeito da imagem ou do seu site">

(função)

<INPUT>

box de texto

Exemplo 1:

<FORM METHOD=post ACTION="/cgi-bin/arquivo.cgi">
<INPUT type="text" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Vai">
</FORM>

<INPUT>
(Internet Explorer)

box de texto

Exemplo 2:

<FORM METHOD=post ACTION="/cgi-bin/arquivo.cgi">
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Vai">
</FORM>

<INPUT>

box de texto

exemplo 3:

<FORM METHOD=post ACTION="/cgi-bin/exemplo.cgi">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#8463FF"><INPUT type="text" size="10" MAXLENGTH="30"></TD><TD BGCOLOR="#8463FF" VALIGN="Middle"> <INPUT type=image name="submit" src="suaimagem.gif"></TD></TR> </TABLE>
</FORM>

<INPUT>

área de texto

exemplo 4:

<FORM METHOD=post ACTION="/cgi-bin/exemplo.cgi">
Enter Your Comments:<BR>
<TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR>
<INPUT type="Submit" VALUE="Submit">
<INPUT type="Reset" VALUE="Clear">
</FORM>

<INPUT>

opção

exemplo 5:

<FORM METHOD=post ACTION="/cgi-bin/exemplo.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION >option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit" VALUE="Submit"></CENTER>
</FORM>

<INPUT>

opção radio e checkbox

exemplo 6:

<FORM METHOD=post ACTION="/cgi-bin/exemplo.cgi">
Select an option:<BR>
<INPUT type="radio" name="option1"> Option 1
<INPUT type="radio" name="option2" CHECKED> Option 2
<INPUT type="radio" name="option3"> Option 3
<BR>
<BR>
Selecione uma opção:<BR>
<INPUT type="checkbox" name="selection1"> Selection 1
<INPUT type="checkbox" name="selection2" CHECKED> Selection 2
<INPUT type="checkbox" name="selection3"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM>