Os hiperlinks são elementos HTML que são frequentemente usados em sites, porque várias páginas do site são compostas por hiperlinks, e os hiperlinks completam o salto entre as páginas. Os hiperlinks são os principais meios de interação entre espectadores e servidores, e o aprendizado será gradualmente aprofundado nas tecnologias subsequentes.
- Nota: as imagens também podem ser usadas como links e você aprenderá detalhadamente as imagens na próxima página da web do capítulo.
4.5.1 Adicione links ao textoA tag de um hiperlink é <a> </a>, adicionar um hiperlink ao texto é semelhante a outras tags modificadas. O texto após o link tem seu próprio estilo especial para distingui -lo de outros textos. O estilo de link padrão é o texto azul e sublinhado. O hiperlink é redirecionado para outra página e a tag <a> </a> possui um atributo href responsável por especificar o endereço da nova página. O endereço especificado pelo HREF geralmente usa o endereço relativo.
- Nota: No desenvolvimento de sites, os documentos são mais comumente usados em relação aos endereços.
Crie um arquivo de página da web no diretório d:/ web/ chamado A.htm e escreva o código como mostrado no código 4.18.
Código 4.18 Configurações de hiperlink: A.HTM
<html>
<head>
<title> Configurações de hiperlinks </title>
</head>
<Body>
<Tamanho da fonte = 5>
<a href = ul_ol.htm> insira a página de configurações da lista </a>
</font>
</body>
</html>
Digite http: //localhost/a.htm na barra de endereço do navegador, e o efeito de navegação é mostrado na Figura 4.19.
Figura 4.19 Configurações de hiperlink
Os leitores podem ver o estilo padrão do hiperlink na Figura 4.19. Quando você clica no link na página, a página saltará para a página ul_ol.htm no mesmo diretório, ou seja, a página Configurações da lista na seção anterior. Quando você clica no botão Voltar do navegador e retorna à página A.HTM, a cor do link de texto fica roxa, que diz ao espectador que esse link foi visitado.
4.5.2 Modifique o método de abertura da janela do linkPor padrão, a maneira como os hiperlinks abrem novas páginas é auto-operando. Dependendo das diferentes necessidades do espectador, os leitores podem especificar outras maneiras de abrir novas janelas para o hiperlink. A tag Hyperlink fornece o atributo de destino para a configuração, com valores como _elf (auto -substituição, padrão), _blank (crie uma nova janela para abrir uma nova página), _top (aberto em toda a janela do navegador, todas as estruturas de quadros serão ignoradas) e _parente (aberto na janela anterior).
- Nota: os métodos _top e _parent são usados para páginas de quadros e há explicações detalhadas nos capítulos a seguir.
4.5.3 Adicione texto rápido ao linkEm muitos casos, o texto do hiperlink não é suficiente para descrever o conteúdo a ser vinculado. A tag Hyperlink fornece atributos de título para facilitar os avisos para os espectadores. O valor do atributo de título é o conteúdo rápido. O conteúdo rápido aparecerá quando o cursor do navegador permanecer no hiperlink, que não afetará a limpeza do layout da página. Modifique o arquivo da página da Web A.HTM e escreva o código como mostrado no código 4.19.
Código 4.19 Configurações do hiperlink: A.HTM
<html>
<head>
<title> Configurações de hiperlinks </title>
</head>
<Body>
<Tamanho da fonte = 5>
<a href = ul_ol.htm destino = _blank title = hello leitor, o que você vê agora é o texto rápido. Clique neste link para saltar para a página ul_ol.htm. > Digite a página Configurações da lista </a>
</font>
</body>
</html>
Digite http: //localhost/a.htm na barra de endereço do navegador, e o efeito de navegação é mostrado na Figura 4.20.
Figura 4.20 Hyperlink Prompt
4.5.4 O que é uma âncoraMuitos artigos da Web têm muito conteúdo, o que leva a uma página longa. Os espectadores precisam arrastar constantemente a barra de rolagem do navegador para encontrar o conteúdo de que precisam. A função âncora do hiperlink pode resolver esse problema. A âncora é uma âncora que é retirada do navio. Depois que a âncora é jogada para baixo, o navio não flutua facilmente ou se perde. De fato, as âncoras são usadas para pular em diferentes locais em uma única página e, em alguns lugares, são chamados de favoritos.
O atributo de nome da tag Hyperlink é usado para definir o nome da âncora. Uma página pode definir várias âncoras. Através do atributo href do hiperlink, você pode pular para a âncora correspondente de acordo com o nome. Crie um arquivo de página da web no diretório d:/ web/ chamado a_anchor.htm e escreva o código como mostrado no código 4.20.
Código 4.20 âncora do hiperlink: a_anchor.htm
<html>
<head>
<title> Configurações de hiperlinks </title>
</head>
<Body>
<Tamanho da fonte = 5>
<a nome = top> Aqui está a âncora no topo </a> <r />
<a href =#1> o 1º </a> <r />
<a href =#2> o 2º </a> <r />
<a href =#3> o 3º </a> <r />
<a href =#4> a 4ª pessoa </a> <r />
<a href =#5> o 5º </a> <r />
<a href =#6> o 6º </a> <r />
<H2> Presidentes bem -sucedidos dos Estados Unidos </h2>
● A primeira pessoa (1789-1797) <a nome = 1> Esta é a âncora da primeira pessoa </a> <BR />
Nome: George Washington <br />
George Washington <br />
Nascido e morreu: 1732-1799 <r />
Partido político :: federação <r />
● A segunda pessoa (1797-1801) <a nome = 2> Aqui está a âncora da segunda pessoa </a> <BR />
Nome: John Adams <br />
John Adams <br />
Nascido e morreu: 1735-1826 <r />
Partido político :: federação <r />
● A terceira pessoa (1801-1809) <a nome = 3> Aqui está a âncora da terceira pessoa </a> <BR />
Nome: Thomas Jefferson <r />
Thomas Jefferson <br />
Nascido e morreu: 1743-1826 <r />
Partido político :: partido comunista do povo <r />
● O 4º post (1809-1817) <a nome = 4> Aqui está a âncora do 4º post </a> <BR />
Nome: James Madison <br />
James Madison <br />
Nascido e morreu: 1751-1836 <r />
Partido político: a República Popular da China <br />
● O 5º post (1817-1825) <A Nome = 5> Esta é a âncora do 5º post </a> <BR />
Nome: James Monroe <br />
James Monroe <br />
Nascido e morreu: 1758-1831 <r />
Partido político: a República Popular da China <br />
</font>
</body>
</html> l>
Antes do teste, os leitores podem ver no código 4.20 que a tag <a> </a> é usada para definir a âncora, e o nome da âncora é definido com o atributo de nome (o nome não tem restrições e pode ser personalizado). O link para pesquisar por âncoras usa o atributo href para especificar o nome correspondente e um símbolo # deve ser adicionado antes do nome. Digite http: //localhost/a_anchor.htm na barra de endereço do navegador, e o efeito de navegação é mostrado na Figura 4.21.
Figura 4.21 âncora de hiperlink
Quando o visualizador clica no hiperlink, a página rolará automaticamente para a posição âncora do nome do valor do atributo HREF.
- Nota: o rótulo que define a âncora não requer necessariamente conteúdo específico, é apenas um posicionamento.
4.5.5 Links de e -mail, FTP e telnetOs hiperlinks podem expandir ainda mais as funções das páginas da web, e as mais usadas são as conexões de email, FTP e telnet. Para concluir as funções acima, você só precisa modificar o valor HREF do hiperlink. O formato para enviar um email é:
<a href = Mailto: Endereço de e -mail> Envie -me e -mail </a>
O endereço de e -mail deve estar completo, como [email protected].
Como mencionado anteriormente, o protocolo HTTP é usado para navegar nas páginas da web, enquanto o servidor FTP está conectado pelo protocolo FTP. O formato do link é o seguinte:
<a href = ftp: // endereço IP do servidor ou nome de domínio> texto vinculado </a>
A diferença entre os links do servidor FTP e os links da Web é que os protocolos utilizados são diferentes. O FTP requer permissão de login do administrador do servidor. No entanto, alguns servidores FTP podem ser acessados anonimamente, obtendo alguns arquivos públicos. Da mesma forma, o servidor conectado ao protocolo Telnet também adota um método semelhante, o formato é o seguinte:
<a href = telnet: // endereço IP do servidor ou nome de domínio> texto vinculado </a>
O protocolo Telnet é muito poucos e a maioria é usada com o protocolo HTTP. Crie um arquivo de página da web no diretório d:/ web/, nomeado em Mail.htm, e escreva o código como mostrado no código 4.21.
Código 4.21 Outras configurações para hiperlinks: Mail.htm
<html>
<head>
<title> Outras configurações para hiperlinks </title>
</head>
<Body>
<Tamanho da fonte = 5>
<a href = Mailto: [email protected] Título = Hello Readers, clique aqui para enviar um email. > Envie -me um e -mail </a> <r />
<a href = ftp: //101.22.25.11 Title = Hello Readers, seja bem -vindo ao servidor FTP. > Conecte o servidor FTP </a> <r />
<a href = telnet: //101.22.25.11 Title = Hello Readers, seja bem -vindo ao servidor Telnet. > Conecte o servidor Telnet </a>
</font>
</body>
</html> s
Digite http: //localhost/mail.htm na barra de endereço do navegador, e o efeito de navegação é mostrado na Figura 4.22.
Figura 4.22 Outras configurações para hiperlinks