You are on page 1of 6

0792 – Criação de páginas

para a Web com Hipertexto


EFA Secundário: Instalação e Manutenção de Redes Informáticas

TAGS Principais
0792 – Criação de páginas para a Web com Hipertexto
EFA Secundário: Instalação e Manutenção de Redes Informáticas

Aqui fica uma listagem com os comandos e atributos HTML que foram referidos ao
longo das sessões, pela ordem que foram tratados.

Comandos HTML obrigatórios

<HTML>...</HTML>

Indica ao browser que está na presença de um documento que possui código HTML.

<HEAD>...</HEAD>

Delimita o cabeçalho do documento.

<TITLE >...< /TITLE >

Insere um título na barra de topo do browser.

<BODY>...</BODY>
Delimita o corpo do documento. Local onde se coloca a maior parte do código.
Principais atributos:
 BGCOLOR: define a cor de fundo da página.
 BACKGROUND: indica a imagem a utilizar como fundo
 TEXT: define a cor do texto
 LINK: define a cor dos links
 ALINK: define a cor dos links quando activos (clicados)
 VLINK: define a cor dos links para páginas já visitadas
 TOPMARGIN: define a margem livre no cimo do documento.
 LEFTMARGIN: define a margem livre no lado esquerdo

Outros comandos HTML


<META>

Informação para os motores de pesquisa automática. Principais atributos:


 NAME: define o tipo de informação fornecida.
 CONTENT: informação a fornecer

<H1>...</H1>, <H2>...</H2>, ... ,<H6>...</H6>

Delimita os cabeçalhos dos documentos. Principais atributos:


 ALIGN: define o alinhamento (LEFT, CENTER, RIGHT ou JUSTIFY) .
 NOWRAP: impede a quebra de texto

<CENTER>...< /CENTER>

Centra o texto na página.

<BR>

Muda de linha

Gisela Firmino Página 2


0792 – Criação de páginas para a Web com Hipertexto
EFA Secundário: Instalação e Manutenção de Redes Informáticas

<P>...</P>

Muda de linha e inicia um novo parágrafo. Principais atributos:


ALIGN: define o alinhamento (LEFT, CENTER, RIGHT ou JUSTIFY) do parágrafo

<I>...</I>

Delimita o texto a ser apresentado em itálico.

<B>...</B>

Delimita o texto a ser apresentado a cheio (bold).

<PRE>...</PRE>

Delimita o texto que deverá surgir formatado tal como foi escrito (espaços entre letras,
mudanças de linha, etc.)

<UL>...</UL>

Delimita uma lista não ordenada de itens. Principais atributos:


 ALIGN: alinhamento (RIGHT, LEFT, CENTER ou JUSTIFY)

<OL>...</OL>

Delimita uma lista ordenada de itens. Principais atributos:


 ALIGN: alinhamento (RIGHT, LEFT, CENTER ou JUSTIFY)

<LI>

Coloca uma marca antes do texto. Principais atributos:


 ALIGN: alinhamento (RIGHT, LEFT, CENTER ou JUSTIFY)

<FONT>...</FONT>

Indica o formato da letra a ser utilizado no texto delimitado. Principais atributos: .


 FACE: tipo de letra
 SIZE: tamanho da letra.
 COLOR: cor da letra

<IMG>

Insere uma imagem. Principais atributos:


 SRC: define o nome e a localização da imagem - obrigatório
 ALIGN: define o alinhamento da imagem (TOP, MIDDLE, BOTIOM,
 RIGHT, LEFT, TEXTTOP, ABSMIDDLE)
 WIDTH: define a largura da imagem
 HEIGHT: define a altura da imagem
 ALT: texto descritivo da imagem
 BORDER: define a espessura da moldura da imagem
 VSPACE: espaço livre na vertical, em torno da imagem
 HSPACE: espaço livre na horizontal, em torno da imagem

Gisela Firmino Página 3


0792 – Criação de páginas para a Web com Hipertexto
EFA Secundário: Instalação e Manutenção de Redes Informáticas

 LOWSRC: indica uma imagem alternativa em baixa resolução

<HR>

Insere uma linha (separador) horizontal. Principais atributos:


ALIGN: alinhamento da linha (RIGHT, LEFT, CENTER ou JUSTIFY).
WIDTH: define a largura da linha
SIZE: define a altura da linha

<MARQUEE>

Cria uma área de texto que se movimenta (desliza) no ecrã. Principais atributos:
 ALIGN: alinhamento do texto (BOTIOM, MIDDLE ou TOP)
 BEHAVlOR: comportamento do texto (ALTERNATE - anda para trás e para a frente,
SCROLL - desliza para fora da área de texto, SLIDE desliza e mantêm-se dentro da
área de texto).
 BGCOLOR: código hexadecimal da cor de fundo
 DIRECTION: direcção de deslizamento do texto (LEFT ou RIGHT)
 HEIGHT: altura da área de deslizamento, em pixels ou %
 LOOP: numero de vezes que o texto deve aparecer ou INFINITE
 SCROLLDELAY: tempo de espera entre deslizamentos, em milisegundos

<A>...</ A>
Cria uma ligação (link) para outra página. Principais atributos:
 HREF: define a localização e o nome do ficheiro para onde "aponta" o link
 NAME: nome atribuído ao link
 TARGET: nome da frame onde o ficheiro será aberto

<TABLE>...</TABLE>

Define os limites de uma tabela. Principais atributos:


 CAPTION: cabeçalho / titulo da tabela
 ALIGN: alinhamento horizontal do conteúdo da tabela (LEFT /CENTER/RIGHT)
 VALIGN: alinhamento vertical do conteúdo da tabela (TOP/MIDDLE/BOTTOM)
 BORDER: espessura do bordo delimitador da tabela
 CELLSPACING: espaço livre entre as células da tabela
 CELPADDING: espaço livre a partir das margens interiores de cada célula da tabela
 NOWRAP: impede a quebra de texto dentro das células

<TR>...< /TR>

Define uma linha da tabela. Principais atributos:


 ALIGN: alinhamento horizontal do conteúdo da célula (LEFT, CENTER, RIGHT ou
JUSTIFY)
 VALIGN: alinhamento vertical do conteúdo da tabela (TOP, MIDDLE ou BOTTOM)

<TD>...</TD>

Define uma coluna da tabela. Principais atributos:


 WIDTH: dimensão horizontal da célula, em pixels ou %
 ALIGN: alinhamento horizontal do conteúdo da célula (LEFT /CENTER/RIGHT

Gisela Firmino Página 4


0792 – Criação de páginas para a Web com Hipertexto
EFA Secundário: Instalação e Manutenção de Redes Informáticas

IJU5TIFY)
 VALIGN: alinhamento vertical do conteúdo da tabela (TOP/MIDDLE/BOTTOM)
 BGCOLOR: código hexadecimal da cor de fundo da célula
 COLSPAN: indica quantas colunas da tabela a célula deve ocupar.
 ROWSPAN: indica quantas linhas da tabela a célula deve ocupar
 NOWRAP: impede a quebra de texto dentro das células

< FRAMESET>...< /FRAMESET>

Define um conjunto de frames. Principais atributos:


 COLS: especifica o número e a dimensão horizontal de cada uma das FRAMES
verticais que compõem o FRAMESET
 ROWS: especifica o número e a dimensão vertical de cada uma das FRAMES
horizontais que compõem o FRAMESET

<FRAME>...< /FRAME>

Define uma frame. Principais atributos:


 SRC: nome e localização do ficheiro a ser apresentado na frame.
 NAME: especifica o nome que identifica a frame
 NORESIZE: impede o redimensionamento manual da frame
 SCROLLING: indica se a "scrool bar" deve ou não ser visível (aceita os valores YES,
NO ou AUTO)
 MARGINHEIGHT: altura da frame, em pixels
 MARGINWIDTH: largura da frame, em pixels

<NOFRAMES>...< /NOFRAMES>

Define o texto a apresentar por browsers que não suportem frames.

<FORM>...</FORM>

Define os limites de um formulário. Principais atributos:


 ACTION: especifica a acção a executar ao premir um botão
 METHOD: especifica a forma como o formulário deverá ser processado pelo servidor

<SELECT>...</SELECT>

Cria um menu com várias opções (<OPTION>...</OPTION>). Principais atributos:


 NAME: nome pelo qual o menu é reconhecido no formulário
 SIZE: numero de opções visíveis no menu
 WIDTH: altura, em pixels, da janela de selecção
 ALIGN: alinhamento das opções (BOTIOM, LEFT, RIGHT, MIDDLE ou TOP)
 DISABLED: a opção é visível mas não pode ser seleccionada
 MULTIPLE: permite seleccionar várias opções
 SRC: nome e localização de uma imagem que será mostrada no espaço
habitualmente destinado ao texto da <OPTION>

<OPTION>...</OPTION>

Define uma opção de um formulário. Principais atributos:


 DISABLED: a opção é visível mas não pode ser seleccionada.

Gisela Firmino Página 5


0792 – Criação de páginas para a Web com Hipertexto
EFA Secundário: Instalação e Manutenção de Redes Informáticas

 SELECTED: opção pré-seleccionada (default)


 VALUE: valor a ser fornecido se a opção for seleccionada

<TEXTAREA>...< /TEXTAREA>

Delimita uma caixa de texto. Principais atributos:


 ROWS: indica o número de linhas da caixa de texto.
 COLS: indica o número de colunas da caixa de texto.

<INPUT>...< /INPUT>

Define um tipo de dados (num formulário). Principais atributos:


 TYPE: especifica de campo a apresentar (TEXT, RADIO, CHECKBOX,
SELECT, IMAGE, FILE, HIDDEN, JOT, PASSWORD, RANGE, SCRIBBLE, SUBMIT,
RESET)
 NAME: nome pelo qual o campo será reconhecido internamente
 SIZE: especifica a forma como o formulário deverá ser processado pelo servidor
 VALUE: valor(es) que este campo do formulário pode assumir (varia em função do
TYPE)
 SRC: indica a o nome e localização do ficheiro de imagem (só para o
TYPE="IMAGE")

O HTML é uma linguagem que está permanentemente a evoluir (vejam o caso


do WML, a versão do HTML para telemóveis) e para se ser mestre em qualquer
linguagem de programação, é necessário primeiro criar "calo" nos dedos. 

Gisela Firmino Página 6