Links e ancoras em HTML

outubro 8, 2019 01:17

Links

Para criar links em html usa-se a tag <a> com o atributo href para indicar o destino no link.

<a href="https://ryuushi.com">Ryuushi!</a>

Ryuushi!

Quando o link direciona para uma página no mesmo site, o atributo href pode ser definido sem o domínio.

<a href="/html/links-e-ancoras-em-html">Esta página!</a>

Esta página

Atributo target

O atributo target pode ser usado para definir onde o link será aberto.

<a href="https://ryuushi.com" target="_blank">Ryuushi!</a>

_self  =  Valor padrão, abre o link na mesma aba.

_blank = abre o link em uma nova janela.

_parent = abre o link no contexto de navegação pai do atual. Se não existe um pai, este atributo se comporta de forma idêntica ao _self.

_top = abre o link no contexto de navegação do topo. Se não existe um pai, este atributo se comporta de forma idêntica ao _self.

Âncoras

Links podem redirecionar a uma seção da página usando o id de um elemento. id é um atributo que torna um elemento da página único, usando o sinal # o link pode descer a página até o elemento marcado pelo id.

<h1 id="destino"> Titulo com id destino</h1>

<a href="#destino">Titulo com id</a>
Tag:

Categorizado em: