HTML
Curso de HTML - Aula 7
Publicado em: 15/08/2008 |
HTML |
Visualizações: 956 |
0 Comentário(s)
Nessa aula veremos como inserir links em um documento de hipertexto. Podemos inserir links para outras páginas dentro de um mesmo site, para páginas de outros sites e também para determinados pontos de uma página.
As Tags utilizadas para identificar os hiperlinks são <a>...</a>. Tudo que estiver dentro dela será tratado como link. Essas ligações podem ser feitas através de textos ou até mesmo imagens.
Sintaxe:
<a href=”URL_destino” name=”identificador”>Texto linkado</a>
Entendendo a sintaxe
Href = é o parâmetro que receberá como valor o endereço do site ou ponto da página que se deseja levar o usuário que clicar no link.
Name = é o nome da Tag que servirá de referência quando você for levar o usuário para um determinado ponto dentro da mesma página.
As âncoras unidirecionais são links que apontam para uma única direção dentro da página, sendo necessário usar o botão voltar do navegador (browser) para retornar ao ponto anterior.
Sintaxe para o link:
<a href=”#nome_da_ancora”>Texto Linkado</a>
Sintaxe para o ponto onde o usuário vai ao clicar no link:
<a name=”nome_da_ancora”>Texto</a>
Entendendo a sintaxe
O mesmo nome utilizado em href deve ser utilizado em name, com exceção do “#” pois isso fará com que o browser interprete as ações levando o usuário para o ponto onde existe a Tag <a name=”nome_da_ancora”>...</a>.
As âncoras bidirecionais são links que apontam para uma direção e são apontados por outros links. A sintaxe é muito parecida com a das âncoras unidirecionais, a única diferença é que teremos o parâmetro “name” junto com o parâmetro “href”, para que possamos ter um link e um ponto de identificação.
Vamos ver o funcionamento das âncoras bidirecionais através do exemplo abaixo.
* Exemplo retirado do livro Criando sites web com HTML 4, de Nilson Ruas.
Continue exercitando os conhecimentos adquiridos até o momento, pois na próxima aula veremos como criar as famosas tabelas.
Grande Abraço!!!
As Tags utilizadas para identificar os hiperlinks são <a>...</a>. Tudo que estiver dentro dela será tratado como link. Essas ligações podem ser feitas através de textos ou até mesmo imagens.
Sintaxe:
<a href=”URL_destino” name=”identificador”>Texto linkado</a>
Entendendo a sintaxe
Href = é o parâmetro que receberá como valor o endereço do site ou ponto da página que se deseja levar o usuário que clicar no link.
Name = é o nome da Tag que servirá de referência quando você for levar o usuário para um determinado ponto dentro da mesma página.
Âncoras Unidirecionais
As âncoras unidirecionais são links que apontam para uma única direção dentro da página, sendo necessário usar o botão voltar do navegador (browser) para retornar ao ponto anterior.
Sintaxe para o link:
<a href=”#nome_da_ancora”>Texto Linkado</a>
Sintaxe para o ponto onde o usuário vai ao clicar no link:
<a name=”nome_da_ancora”>Texto</a>
Entendendo a sintaxe
O mesmo nome utilizado em href deve ser utilizado em name, com exceção do “#” pois isso fará com que o browser interprete as ações levando o usuário para o ponto onde existe a Tag <a name=”nome_da_ancora”>...</a>.
Âncoras Bidirecionais
As âncoras bidirecionais são links que apontam para uma direção e são apontados por outros links. A sintaxe é muito parecida com a das âncoras unidirecionais, a única diferença é que teremos o parâmetro “name” junto com o parâmetro “href”, para que possamos ter um link e um ponto de identificação.
Vamos ver o funcionamento das âncoras bidirecionais através do exemplo abaixo.
<html>
<head>
<title>Curso de HTML – Aula 6</title>
</head>
<body>
<ul>
Divisões da Linguagem HTML
<li><a href=”#inicio” name=”p_ini”>Tags Iniciais</a></li>
<li><a href=”#format” name=”p_format”>Formatação de Textos</a></li>
<li><a href=”#link” name=”p_link”>Links</a></li>
<li><a href=”#imag” name=”p_img”>Imagens</a></li>
<li><a href=”#tab” name=”p_tab”>Tabelas</a></li>
<li><a href=”#form” name=”p_form”>Formulários</a></li>
</ul>
<p><a name=”inicio”>Início</a></p>
<p>Ao iniciar um documento em HTML...
<br><a href=”#p_ini”>Voltar</a></p>
<p><a name=”format”>Formatação de Textos</a></p>
<p>A linguagem HTML nos fornece diversos recursos de formatação...
<br><a href=”#p_format”>Voltar</a></p>
<p><a name=”link”>Links</a></p>
<p>Documentos de hipertexto tem como uma de suas características...
<br><a href=”#p_link”>Voltar</a></p>
<p><a name=”imag”>Imagens</a></p>
<p>As imagens que aparecem na WWW...
<br><a href=”#p_imag”>Voltar</a></p>
<p><a name=”tab”>Tabelas</a></p>
<p>As tabelas são um recurso muito útil...
<br><a href=”#p_tab”>Voltar</a></p>
<p><a name=”form”>Formulários</a></p>
<p>Os formulários representam um dos sistemas mais avançados...
<br><a href=”#p_form”>Voltar</a></p>
</body>
</html>
* Exemplo retirado do livro Criando sites web com HTML 4, de Nilson Ruas.
Continue exercitando os conhecimentos adquiridos até o momento, pois na próxima aula veremos como criar as famosas tabelas.
Grande Abraço!!!
Jonathan Lamim Antunes
Web Designer e Programador Web (PHP/MySQL) e Desktop (Delphi). Além de professor de informática.
» Site do colunista
Todas as matérias de Jonathan Lamim Antunes
- Compartilhando o acesso à internet 3G
A rede 3G de acesso à internet é uma grande realidade hoje, em funcionamento em . - Os 10 piores bugs da história
Os 10 piores bugs da história, acompanhe abaixo esses bugs e caso você conheça u. - Indicadores da Qualidade
Os indicadores da qualidade, são na realidade uma das ferramentas mais utilizada. - Internet, intranet e extranet o que são, e quais as diferenças?
Este artigo demonstra o que é cada um destes acessos. Como funcionam, e para que. - Comandos Linux
Bom Dia Leitores, hoje vou explicar alguns comandos que podem ser utilizados por.
- Curso de HTML - Aula 9
Os formulários são áreas reservadas para a entrada de dados, onde o internauta p. - Curso de HTML - Aula 8
As tabelas são um recurso muito útil na montagem de páginas, sendo elas dividida. - Curso de HTML - Aula 6
Nessa aula vamos aprender a inserir imagens em nossas páginas. - Tags em HTML
Aprenda Aqui Algumas Tag's em HTML. HTML (acrônimo para a expressão inglesa Hype. - Estrutura Básica do HTML
Aprenda Aqui a Estrutura Básica do HTML. Uso dos métodos strict, e transicional.
Seja o primeiro a comentar!