0792 – criação de páginas para a web com hipertexto -principais comandos

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

Formador: Gisela Firmino

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

Gisela Firmino Página 2

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



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


<LI> Coloca uma marca antes do texto. Principais atributos:


<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



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



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.



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.

0792 – criação de páginas para a web com hipertexto -principais comandos

Documents