160945 Agrupamento de Escolas de Esgueira Direo Regional de Educao do Centro 401456 Escola Secundria Dr.

Jaime de Magalhes Lima

Curso de Educao e Formao de Adultos Tcnico de Informtica Sistemas - Formao Tecnolgica

UFCD 0792 Criao de pginas Web em Hipertexto

Ficha de Trabalho 6
INTRODUO:

As ligaes a outras pginas WEB ou a outos documentos ou seces de um documento os links e hyperlinks aquilo que mais carateriza as pginas web como hipertexto. Existem trs tipos de links ou ligaes possveis: 1. Ligaes externas ou seja, para outras pginas com endereos URL diferentes do llocal; 2. Ligaes internas para outros documentos HTML no mesmo computador; 3. Ligaes internas para outras seces dentro do mesmo documento. Em qualquer dos casos a forma de fazer estas ligaes semelhante. O esquema bsico : <a href = .> </a> Na verdade, qualquer tipo de ligao sempre feita com base na tag <a> </a> - tambm chamada anchor tag ( etiqueta de ncora; ncora com base na qual se faz a ligao.) O principal atributo da tag <a> o atributo href ( de hipertext reference). este atributo que define o local (endereo URL), local do novo documento ou seco do documento corrente) para onde se pretende efetuar a ligao. Exemplos: 1. Ligao externa ( um URL externo) <a href = http://esjmlima.prof2000.pt> Pgina da Escola </a>

2. Ligao interna para outro documento HTML no mesmo computador <a href = exerc1HTML.htm> Ficha de Trabalho - Exerccio1 </a> Tambm podemos definir links a partir de imagens <a href = exerc1HTML.htm> <img src = Imagens/imagem.gif></a>

3. Ligao interna para outras seces dentro do mesmo documento

Para criarmos ligaes internas dentro do mesmo documento, em primeiro lugar, temos que colocar uma ncora ( ou marcador) no local pretendido. Exemplo de criao de marcador: <a name = salto> Saltei para aqui </a>
UFCD-0792-Criao de pginas Web em Hipertexto Pgina 1 de 3

Escola Secundria Dr. Jaime Magalhes Lima

Depois que criamos a ligao interna. No exemplo apresentado, o objetivo : ao clicar no texto Vou saltar, passamos para o local onde se encontra o marcador ( ncora) SALTO. Exemplo: <a href = #salto> Ao clicar aqui, vou para salto </a>

EXERCCIO: Utilizando a aplicao Notepad ++, crie uma pgina web em que: 1. O Ttulo da Pgina seja EXERCCIO 6 TAGS HIPERLIGAES 2. O corpo do texto deve ser de modo a reproduzir uma pgina web igual da figura 1, que se encontra em anexo, na pgina seguinte. 3. Grave o ficheiro com o nome exerc6HTML (em formato .htm) 4. Visualize a pgina num browser disponvel. 5. Envie os ficheiros, para o local apropriado na plataforma moodle. Bom Trabalho!

UFCD-0792-Criao de pginas Web em Hipertexto

Pgina 2 de 3

Escola Secundria Dr. Jaime Magalhes Lima ANEXO

Figura 1
UFCD-0792-Criao de pginas Web em Hipertexto Pgina 3 de 3