Escolar Documentos
Profissional Documentos
Cultura Documentos
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>
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
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!
Pgina 2 de 3
Figura 1
UFCD-0792-Criao de pginas Web em Hipertexto Pgina 3 de 3