Faça links sem medo

À primeira vista, parece um bicho de sete cabeças. Mas o HTML não é tão feio quanto aparenta. Ainda mais se você tiver um pouco de persistência.

Logo abaixo, há um minitour sobre como criar um link, levando em conta as cores que o FireFox utiliza para formatar o código HTML.

Para quem se interessar no assunto, este manual é bem didático. Há ainda esta opção de tutorial online de HTML.

A imagem representa, no código HTML, como se produz o link.

link
Clique com o botão direito do mouse na imagem e escolha a opção ‘Abrir em outra janela’.

O que realmente importa para aprender a montar um link é este trecho de código.

url
Clique na imagem apertando o botão Shift e ela abrirá em outra janela

Repare nas cores:

  • Roxo: parâmetro que indica a criação do link
  • Azul: inserção do endereço do site e como ele vai abrir
  • Preto: parâmetros necessários para o funcionamento do que está em azul

Agora, o que significam as tags:

  • A: indica ao navegador que haverá um link em seguida
  • HREF: faz referência ao documento que será lincado
  • TARGET: instrui como o documento deve ser aberto
  • /A: fecha a tag de link

Tente agora montar um link, publicá-lo no blog e testá-lo em seguida.

Dica: não use o Microsoft Word para escrever código HTML. Não funciona.

Passada esta etapa, vamos à edição da área de links.

1 Comment Add your own

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed