HTML5 - Elemento a

Link para um documento no mesmo diretório (pasta)

Elemento section

<p>Elemento <a href="section.html"><code>section</code></a></p>

Link para diretório

• Fábio Flatschart
• HTML5

<ul>
<li><a href="/">Fábio Flatschart</a></li>
<li><a href="/html5">HTML5</a></li>
</ul>

Link para um arquivo em diretório (pasta) interno

Tocando trompa

<p><a href="images/foto.jpg">Tocando trompa</a></p>

Link para um arquivo em diretório (pasta) um nível acima

Tocando trompa

<p><a href="../foto.jpg">Tocando trompa</a></p>

Link externo com o uso do atributo title que identifica o título do conteúdo do link

Google

<p><a href="http://google.com" title="Busque no Google"> Google</a></p>

Atributo target no link

Google

<p><a href="http://google.com" target="_blank" title="Busque no Google. Está página será aberta em uma nova janela">Google</a></p>

Uso do atributo hreflang

Site do trompista Stephan Dohr (em alemão)

<p><a href="http://www.stefandohr.com" title="Stephan Dohr" hreflang="de"> Site do trompista Stephan Dohr (em alemão)</a></p>

Link de email

Fale com o autor

<p><a href="mailto:fabioflat@gmail"> Fale com o autor</a></p>

Agrupamento de vários elementos em um único link

<a href="http://pt.wikipedia.org/wiki/Metais">
<hgroup>
<h1>Instrumentos de Metal</h1>
<h2>Trompete e trombone</h2>
</hgroup>
</a>

Link interno do documento

<nav>
<ul>
<li><a href="#primeiro">Voltar ao primeiro parágrafo</a></li>
</ul>
</nav>