Comandos HTML

HTML
TAGS E ATRIBUTOS
TAGS PRINCIPAIS .............................................................................................................. 2
ATRIBUTOS DO CORPO ................................................................................................. 2
TAGS DE LAYOUT .............................................................................................................. 2
TAGS DE FONTES E TIPOS ................................................................................................. 3
TAGS DE LINK .................................................................................................................... 3
TAGS DE IMAGENS............................................................................................................ 3
TAGS DE LISTAS................................................................................................................. 4
Lista de Definições ........................................................................................................ 4
Lista Ordenada.............................................................................................................. 4
Lista Não Ordenada ...................................................................................................... 4
TAGS DE TABELA ............................................................................................................... 4
TAGS DE FRAMES .............................................................................................................. 5
TAGS DE FORMULÁRIOS ................................................................................................... 5
Pág. 1 de 5
TAGS PRINCIPAIS
<HTML> </HTML> tags de inicio e fim de um documento html
<HEAD> </HEAD> Identificadores do cabeçalho
<META> Meta informação (reside na tag <head>)
<META CHARSET="UTF-8"> Especifica a codificação de caracteres
<TITLE> </TITLE> Identifica o título da página
<BODY> </BODY> Inicia e finaliza o corpo do documento html
ATRIBUTOS DO CORPO
<BODY BACKGROUND =”IMAGEM.GIF” > Coloca um fundo numa página
<BODY BGCOLOR=”#CCCCCC”> Coloca uma cor de fundo na página
<BODY TEXT=”#000000″> Especifica a cor padrão de um texto
<BODY LINK=”#000000″> Especifica a cor padrão de um link
<BODY VLINK=”#000000″> Especifica a cor padrão de um link visitado
<BODY ALINK=”#000000″> Especifica a cor padrão de um link ativo

<BODY LEFTMARGIN=”0″ Especifica distância da margem esquerda,
RIGHTMARGIN=”10″ direita e topo da página
TOPMARGIN=”10″>
TAGS DE LAYOUT
<BR> Insere quebra de linha
<CENTER></CENTER> Centraliza objetos
<DIV> Divide página em seções lógicas
<DIV ALIGN=LEFT/CENTER/RIGHT> Alinha os dados dentro de uma seção div
<DIV CLASS=CLASSNAME> Atribui uma class a uma seção div
<HR> Insere uma linha horizontal na página
<HR SIZE=”X”> Especifica espessura da linha em px
<HR WIDTH=”X”> Especifica tamanho largura da linha em px
<HR NOSHADE> Especifica uma linha em preto
<P> Cria parágrafos
<P ALIGN=LEFT/CENTER/RIGHT> Alinha texto do parágrafo
Pág. 2 de 5
TAGS DE FONTES E TIPOS
<H*></H*> Titulo de * 1 - 6
<B> </B> Negrita um texto
<I> </I> Itálico
<DEL>…</DEL> Texto rasurado
<SUB> </SUB> Texto inferior à linha
<SUP> </SUP> Texto superior à linha
<U> </U> Sublinhado
<SMALL> </SMALL> Texto menor
<BIG> </BIG> Texto maior
<FONT>…</FONT> Especifique o tamanho da fonte, o tipo e a

cor do texto com atributos size, face e color
<FONT SIZE=”X”> Tamanho da letra onde x é o tamanho
<FONT FACE=”NOME DA FONTE”> Especifica o nome da fonte, arial, etc…
<FONT COLOR=”#000000″> Atribui cor a letra.
TAGS DE LINK
<A HREF=”URL”>TESTE</A> Faz um link com uma url
<A HREF=”URL” TARGET=”_BLANK”>TESTE</A> Faz um link com uma url dentro de uma
nova janela do navegador
<A HREF="MAILTO: name@mail.com ">
Link de e-mail
TESTE </A>
<A HREF="#RESPOSTA"> ancora </A> Hiperligação para uma âncora na página
<A NAME="RESPOSTA"> ancora </A> Definição da âncora com o atributo name
TAGS DE IMAGENS
<IMG SRC=”URL”> Apresenta uma imagem
<IMG SRC=”URL” ALIGN=TOP/MIDDLE/BOTTOM> Alinha a imagem em relação ao texto
<IMG SRC=”URL” ALIGN=LEFT/CENTER/RIGHT> Alinha imagem em relação a página
<IMG SRC=”URL” ALT=”TEXTO”> Texto alternativo se não abrir imagem
<IMG SRC=”URL” WIDTH=”X” HEIGHT=”Y”> Especifica largura e altura
<IMG SRC=”URL” BORDER=1> Coloca as bordas da imagem
Pág. 3 de 5
TAGS DE LISTAS
Lista de Definições
<DL> </DL> Inicia / termina um título de definição

<DD> </DD> Inicia / termina definição
<DT> </DT> Inicia / termina termo de definição
Lista Ordenada
<OL> </OL> Inicia / termina lista ordenada

<OL TYPE=A/a/I/i/1> </OL> Cria uma lista ordenada, especifica o tipo
<LI> </LI> Item de lista padrão
Lista Não Ordenada
<UL> </UL> inicia /termina Lista não ordenada

<UL TYPE=DISC/CIRCLE/SQUARE> </UL> Especifica o tipo do bullet.
<LI> </LI> Item de lista padrão
TAGS DE TABELA
<TABLE> </TABLE> Inicia e finaliza uma tabela
<TABLE BORDER=”X”> Define a borda de uma tabela
<TABLE BGCOLOR=cor > Define Cor de fundo
<TABLE CELLSPACING=”X”> Define o espaçamento entre células
<TABLE CELLPADDING=”X”> Define Espaço entre os dados e a borda a
<TABLE WIDTH=”X”> <TABLE WIDTH=”%”> Define a largura da tabela em pixels ou %
<TABLE HEIGHT=”X”> <TABLE HEIGHT=”%”> Define a altura da tabela em pixels ou %
<TR> </TR> Abre uma linha / fecha uma linha
<TD> </TD> Abre uma célula / fecha uma celula
<TR ALIGN=LEFT/CENTER/RIGHT > Define o alinhamento horizontal da linha ou
<TD ALIGN=LEFT/CENTER/RIGHT > da célula
<TR VALIGN=TOP/MIDDLE/BOTTOM> Define o alinhamento vertical da linha ou da

<TD VALIGN=TOP/MIDDLE/BOTTOM > célula
<TD COLSPAN=X> Especifica o numero de colunas a unir

<TD ROWSPAN=X> Especifica o número de linhas a unir
<TH> </TH> Define linha de cabeçalho da tabela
Pág. 4 de 5
TAGS DE FRAMES
<FRAMESET></FRAMESET> Define os elementos do frame
<FRAMESET COLS=”X,X”> Define as colunas dos frames em px ou %
<FRAMESET ROWS=”X,X”> Define as linhas dos frames em px ou %
<FRAMESET BORDER=”X”> define a borda 1,2,3 , valor “0” desligada
<FRAME SRC=”URL”> especifica a url a ser carregada
<FRAME NAME=”NAME”> especifica nome do frame
<FRAME NORESIZE> não permite redimensionar o frame
<FRAME SCROLLING=”AUTO” > Define a barra de scroll. “yes”, “no”,“auto”
TAGS DE FORMULÁRIOS
<FORM ACTION =”URL” > </FORM> Inicia/termina form e define parâmetros
<INPUT TYPE=” TEXT”> Especifica campos para digitação de texto
<INPUT TYPE=”PASSWORD”> Especifica campos de senha
<INPUT TYPE=”CHECKBOX”> Especifica campos de marcação de várias opções
<INPUT TYPE=”RADIO”> Especifica campos de marcação de uma opção
<INPUT TYPE=”SUBMIT”> Especifica campos de envio
<INPUT TYPE=” RESET”> Especifica campos de limpar
<INPUT TYPE=” IMAGE”> Especifica campos de imagem
<INPUT TYPE=” BUTTON”> Especifica campos de botão
<INPUT TYPE=”HIDDEN”> Campo oculto
<INPUT NAME=”NOMEDOCAMPO”> Define o nome de um campo no form
<INPUT CHECKED> Marca de seleção ativada
<INPUT SIZE=X> Tamanho do campo
<SELECT> </SELECT> Cria um menu no form
<SELECT NAME=”NAME”> </SELECT> Identifica os dados reunidos no menu
<OPTION> Cria opções que podem ser selecionadas
<OPTION SELECTED=”SELECTED”> Especifica uma opção selecionada
<OPTION VALUE=”VALUE”> Especifica um valor
<TEXTAREA> </TEXTAREA> Cria uma caixa de entrada
<FIELDSET> </FIELDSET> Permite agrupar elementos
<LEGEND> </LEGEND> Coloca legenda quando se agrupar elementos
Pág. 5 de 5

Comandos HTML

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Comandos HTML

Transféré par

Droits d'auteur :

Formats disponibles

HTML

TAGS PRINCIPAIS .............................................................................................................. 2

ATRIBUTOS DO CORPO ................................................................................................. 2

TAGS DE LAYOUT .............................................................................................................. 2

TAGS DE FONTES E TIPOS ................................................................................................. 3

TAGS DE LINK .................................................................................................................... 3

Lista de Definições ........................................................................................................ 4

Lista Não Ordenada ...................................................................................................... 4

TAGS DE TABELA ............................................................................................................... 4

TAGS DE FRAMES .............................................................................................................. 5

TAGS DE FORMULÁRIOS ................................................................................................... 5

<HTML> </HTML> tags de inicio e fim de um documento html

<HEAD> </HEAD> Identificadores do cabeçalho

<META> Meta informação (reside na tag <head>)

<META CHARSET="UTF-8"> Especifica a codificação de caracteres

<TITLE> </TITLE> Identifica o título da página

<BODY> </BODY> Inicia e finaliza o corpo do documento html

<BODY BACKGROUND =”IMAGEM.GIF” > Coloca um fundo numa página

<BODY BGCOLOR=”#CCCCCC”> Coloca uma cor de fundo na página

<BODY TEXT=”#000000″> Especifica a cor padrão de um texto

<BODY LINK=”#000000″> Especifica a cor padrão de um link

<BODY VLINK=”#000000″> Especifica a cor padrão de um link visitado

<BODY ALINK=”#000000″> Especifica a cor padrão de um link ativo

<BR> Insere quebra de linha

<CENTER></CENTER> Centraliza objetos

<DIV> Divide página em seções lógicas

<DIV ALIGN=LEFT/CENTER/RIGHT> Alinha os dados dentro de uma seção div

<DIV CLASS=CLASSNAME> Atribui uma class a uma seção div

<HR> Insere uma linha horizontal na página

<HR SIZE=”X”> Especifica espessura da linha em px

<HR WIDTH=”X”> Especifica tamanho largura da linha em px

<HR NOSHADE> Especifica uma linha em preto

<P> Cria parágrafos

<P ALIGN=LEFT/CENTER/RIGHT> Alinha texto do parágrafo

<B> </B> Negrita um texto

<I> </I> Itálico

<DEL>…</DEL> Texto rasurado

<SUB> </SUB> Texto inferior à linha

<SUP> </SUP> Texto superior à linha

<U> </U> Sublinhado

<SMALL> </SMALL> Texto menor

<BIG> </BIG> Texto maior

<FONT>…</FONT> Especifique o tamanho da fonte, o tipo e a

<FONT FACE=”NOME DA FONTE”> Especifica o nome da fonte, arial, etc…

<FONT COLOR=”#000000″> Atribui cor a letra.

<A HREF=”URL”>TESTE</A> Faz um link com uma url

<A NAME="RESPOSTA"> ancora </A> Definição da âncora com o atributo name

<IMG SRC=”URL”> Apresenta uma imagem

<IMG SRC=”URL” ALIGN=TOP/MIDDLE/BOTTOM> Alinha a imagem em relação ao texto

<IMG SRC=”URL” ALIGN=LEFT/CENTER/RIGHT> Alinha imagem em relação a página

<IMG SRC=”URL” ALT=”TEXTO”> Texto alternativo se não abrir imagem

<IMG SRC=”URL” WIDTH=”X” HEIGHT=”Y”> Especifica largura e altura

<IMG SRC=”URL” BORDER=1> Coloca as bordas da imagem

<DL> </DL> Inicia / termina um título de definição

<OL> </OL> Inicia / termina lista ordenada

<UL> </UL> inicia /termina Lista não ordenada

<TR VALIGN=TOP/MIDDLE/BOTTOM> Define o alinhamento vertical da linha ou da

<TD COLSPAN=X> Especifica o numero de colunas a unir

Vous aimerez peut-être aussi