Curso de Webdesign

Exercício 9 – LINKS

Como falei no início, estamos produzindo páginas de hipertextos, ou seja, textos que podem fazer ligações com outros textos, ligando páginas entre si e a WEB. Então, este pontos nós chamamos de links ou hyperlinks, âncoras de hipertexto, todos com a mesma função, de através de um único clique sobre a frase ou imagem conduzir a algum lugar no site ou na WEB.

O Tag responsável é o <A>, onde dentro deste, através de um atributo coloco a referência, ou seja, A URL (Uniform Resource Locator). Para criar um link usamos a seguinte sintaxe:

SINTAXE: <A HREF=”URL”>Frase que aparece na página</a>
Onde: <a> tag que marca o início e o fim do link href= atributo que especifica o nome da referência “URL” é o nome do local para onde desejar linkar (ir)
Nada de complicação, que tal um exercício para entendermos legal tudo isso? Vamos nessa!

Como sempre, digite a listagem 1.16, e salve como exemplo15.html

Listagem 1.16

<html>
<head><title>Estudando Links</title>
</head>
<body>
<h2>Exemplo de Links Internos</h2>
<h3>Seção de Exemplos</h3>
<a href=exemplo1.html>Exemplo1</a>
<a href=exemplo2.html>Exemplo2</a>
<hr>
<h2>Exemplo de Links Externos</h2>
<a href=http://www.erica.com.br>Conheça a Editora Érica</a><br>
<a href=http://www.apple.com>Apple Computer</a>
<h3>Você pode usar imagens para usar nos links</h3>
<a href=exemplo10.html><img src=bola.gif>
</a>Imagens
</body>
</html>

112 comentários

  1. silvana dias

    OLHA ESTOU SURPRESA COM A RIQUEZA DE VARIEDADE DE OPÇÕES DE CURSOS GRATUITOS POR ISSO NÃO POSSO DEIXAR DE EXPRESSAR MINHA ALEGRIA. PARABENS AOS AUTORES DESTE SITE ,NUNCA SAIAM DA NET .ESTAREI COM VÕCES SEMPRE.

  2. nossa genial aprendi muito com o curso tinha lido o curso sobre Html (aqui mesmo) e percebi que sempre tinha que colocar aspas igual no blogger tipo e é mais complicado quando você faz um código muito grande você fica meio perdido, aqui nem precisa e da certo do mesmo jeito tipo gostei pra caramba vlw!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *