Apostila HTML (FACCAT) 6
33 pág.

Apostila HTML (FACCAT) 6

Disciplina:Análise Textual6.547 materiais161.606 seguidores
Pré-visualização7 páginas
Atributos de largura e direção do efeito permitem diversas apresentações diferentes, por
exemplo:

<MARQUEE BEHAVIOR=SCROLL WIDTH=30%> Texto </MARQUEE>

<MARQUEE BEHAVIOR=SLIDE DIRECTION=RIGHT> Texto </MARQUEE>

<MARQUEE BEHAVIOR=SLIDE DIRECTION=LEFT> Texto </MARQUEE>

Atenção: O efeito Marquee só é executado no Internet Explorer e em versões recentes do Netscape - e
de maneiras diferentes.

Ligações (uso de Links)
Com HTML é possível fazermos ligações de uma região de texto (ou imagem) a um outro

documento (ou a outra parte do próprio documento). Você já deve ter visto em alguma página internet
exemplos dessas ligações: o browser destaca essas regiões e imagens do texto, indicando que são
ligações de hipertexto - também chamadas hypertext links ou hiperlinks ou simplesmente links, onde
normalmente, o mouse vira uma “mãozinha” e ao clicar “chamamos” (abrimos) um outro documento,
página web ou figura por exemplo.

Para inserir um link em um documento, utilizamos a etiqueta <A>, da seguinte forma:

<A HREF = "arquivo_destino"> âncora </A>

Onde:

arquivo_destino: é o endereço do documento de destino, da página ou imagem a qual queremos abrir.

âncora: é o texto ou imagem que servirá de ligação hipertexto do documento sendo apresentado para o
documento de destino.

Apostila de HTML - Fonte: http://www.icmc.usp.br/ensino/material/html/intro.html

Profa. Flávia Pereira de Carvalho - fpereira@faccat.br - http://fit.faccat.br/~fpereira 21

 Atributos

<A> tem vários atributos que são utilizados de acordo com a ação associada ao link. Os mais usados
são apresentados a seguir:

HREF: Indica o arquivo de destino da ligação de hipertexto.

TARGET: Indica o frame em que será carregado o arquivo_destino. Maiores detalhes na seção sobre
frames.

NAME: Marca um indicador, isto é, uma região de um documento como destino de uma ligação.
Maiores detalhes na seção sobre indicadores.

Caminhos (uso de Links)

Os links podem estar indicados como caminhos relativos ou absolutos.

 Caminho Relativo

O caminho relativo pode ser usado sempre que queremos fazer referência a um documento
armazenado no mesmo servidor do documento atual.

Através do campo de endereços do browser, é possível identificar se um documento (página)
que está sendo visualizado está dentro de algum diretório (pasta). Como por exemplo se estivermos em
um browser acessando a página da FACCAT e vemos o seguinte endereço:
http://www.faccat.br/apostilas/apostila_de_informatica.html. O que podemos concluir é que o
documento que está sendo visualizado no momento, chamado apostila_de_informatica.html, está
localizado dentro de um diretório (pasta) chamado apostilas do servidor www.faccat.br.

Então para escrevermos por exemplo um link deste documento (apostila_de_informatica.html)
para um documento chamado doc.html que está localizado no diretório /apostilas/documentos/ do
mesmo servidor www.faccat.br, tudo que precisamos fazer é escrever:

<A HREF="documentos/doc.html"> Exemplo de Caminho Relativo </A>

Para usar links com caminhos relativos é preciso, portanto, conhecer a estrutura do diretório do
servidor no qual estamos trabalhando, pois devemos indicar todo o caminho onde está o documento no
qual estamos nos referindo no link. Quando há alguma dúvida, o melhor é usar o caminho absoluto.

Apostila de HTML - Fonte: http://www.icmc.usp.br/ensino/material/html/intro.html

Profa. Flávia Pereira de Carvalho - fpereira@faccat.br - http://fit.faccat.br/~fpereira 22

 Caminho Absoluto

Utilizamos o caminho absoluto quando desejamos referenciar um documento que esteja em outro
servidor, por exemplo:

<A HREF="http://www.faccat.br"> FACCAT - Faculdades de Taquara </A>

Que oferece um link FACCAT - Faculdades de Taquara que ao ser clicado com o mouse abrirá a
página cujo endereço é http://www.faccat.br.

Com a mesma sintaxe, é possível escrever links para qualquer servidor de informações da Internet.

�

�

Indicadores (uso de Links)
Como foi dito anteriormente, o atributo NAME permite indicar um trecho de documento como

ponto de chegada de uma ligação hipertexto.

A formatação:

<A NAME="inicio"> Indicadores (uso de links) </A>

faz com que a âncora Indicadores (uso de links) seja o destino de um link.

Se escrevermos:

<A HREF="#inicio"> Topo do Documento </A>

teremos uma ligação hipertexto para um trecho deste mesmo documento:

Apostila de HTML - Fonte: http://www.icmc.usp.br/ensino/material/html/intro.html

Profa. Flávia Pereira de Carvalho - fpereira@faccat.br - http://fit.faccat.br/~fpereira 23

Inserção de Imagens

O elemento IMG insere imagens que são apresentadas junto com os textos. Um atributo SRC
deve estar presente, da seguinte forma:

<IMG SRC="URL_imagem">

Onde URL_imagem é o URL do arquivo que contém a imagem que se quer inserir; pode ser
referenciada uma imagem que esteja em um outro servidor (o que, logicamente, não é conveniente).

Assim, escrevendo:

<IMG SRC = "nome_da_figura.extensão">

ou, se ela estiver dentro de uma pasta no mesmo servidor:

<IMG SRC = "nome_da_pasta/nome_da_figura.extensão">

Por exemplo, se quisermos inserir na página uma imagem chamada arvore.gif localizada no
mesmo servidor e na mesma pasta, a tag seria assim:

<IMG SRC = "arvore.gif">

As imagens usadas na Web, normalmente são armazenadas em arquivos com as seguintes
extensões: .gif, .jpg (ou .jpeg), .png, .bmp.

Atributos Básicos de Imagem
ALT

Indica um texto alternativo, descrevendo brevemente a imagem, que é apresentado no lugar da imagem
nos browsers texto, ou quando se desabilita o carregamento de imagens em browsers gráficos. É
recomendável que esteja sempre presente. Também aparecerá ao “passar o mouse sobre a imagem”.

<IMG SRC="URL_imagem" ALT="descrição_da_imagem">

Dessa forma:

<IMG SRC="newred.gif" ALT="Novo!!!">

É apresentado nos browsers gráficos assim: e, nos browsers texto, assim: [Novo!!!]. E ao passar
o mouse sobre a figura também aparecerá a descrição Novo!!!

Apostila de HTML - Fonte: http://www.icmc.usp.br/ensino/material/html/intro.html

Profa. Flávia Pereira de Carvalho - fpereira@faccat.br - http://fit.faccat.br/~fpereira 24

WIDTH e HEIGHT

Atributos de dimensão da imagem, em pixels4. Grande parte dos editores HTML coloca
automaticamente os valores destes atributos, quando indicamos a inserção de uma imagem.

<IMG SRC="URL_imagem" ALT="descrição" WIDTH="largura" HEIGHT="altura">

Uma das vantagens de se usar esses atributos é que o browser pode montar mais rapidamente as
páginas, por saber de antemão o espaço que deverá ser reservado a elas.

BORDER

Quando uma frase é marcada como âncora de um link, ela se apresenta sublinhada; quando uma
imagem faz as vezes de âncora, ganha uma borda que indica sua condição de link.

Porém, por questões de apresentação, nem sempre interessa termos essa borda ao redor da
imagem. Assim, com o atributo BORDER, podemos controlar esse detalhe.

à

àà

à Se quisermos uma borda mais larga:

<A HREF="URL"> <IMG SRC="imagem" ALT="descrição" BORDER=4> </A>

à

àà

à Se quisermos uma imagem sem borda:

<A HREF="URL"> <IMG SRC="imagem" ALT="descrição" BORDER=0> </A>

Essa borda pode ser apresentada também em imagens que não são âncora de links. Basta
aplicar, por exemplo, a formatação:

<IMG SRC="figura1.gif" ALT="Minha Foto" BORDER=2>

4
 Pixel: O pixel, ou ponto, é a menor unidade que compõe uma imagem digital, ele contém os atributos de cor de cada

ponto, a maior ou menor quantidade de pixels em uma área é que determinam a resolução da imagem, bem como seu maior
ou menor tamanho em bytes. São pontos por centímetro