ljlk nlk jnlk

1. HTML
A Alma da Internet
Prof. Mauro DuarteProf. Mauro Duarte

2. 23/03/15
Tag <a>
● A principal tag para criação de link é a tag <a>.
● É necessário no mínimo o atributo href
● <a href="http://www.google.com">Google</a>

3. 23/03/15
Atributo target
● Target define onde a página linkada abrirá
– _blank nova página ou aba.→
– _parent mesmo frame (não recomendado em HTML5).→
– _self mesma janela ou aba.→
– _top frame acima (não recomendado em HTML5).→
– Framename indica o frame alvo da abertura do link.→
● <a target=“_blank” href="http://www.google.com">
Google</a>
● <a target=“_self” href="http://www.google.com">
Google</a>

4. 23/03/15
Atributo rel
● Define que tipo de relacionamento o link tem
com a página de origem.
● Só deve ser usada com href presente.
● <a target=“_blank” href="http://www.google.com"
rel=”help”>Google</a>
● <a target=“_self” href="http://www.google.com"
rel=”search”>Google</a>

5. 23/03/15
Atributo rel
● Alternate versão alternativa do documento (impressão,→
tradução etc.)
● Author autor do documento ou artigo.→
● Bookmark url usada para marcador permanente.→
● Help ajuda do documento.→
● License copyright do site ou documento.→
● Next próximo documento ou seção.→
● Nofollow links a um documento não solidário, como um link→
pago.
– (“nofollow é usado para indicar aos robôs do google para não seguir o link)

6. 23/03/15
Atributo rel
● Noreferrer especifica que o navegador não deve→
enviar um cabeçãlho HTTP referenciador.
● Prefetch Especifica que o documento de destino→
deve ser armazenada em cache.
● Prev O documento anterior em uma seleção.→
● Search → Links para a ferramenta de pesquisa da
página.
● Tag → uma etiqueta, palavra-chave do documento,
semelhante a um blog.

7. 23/03/15
ID
● IDs podem ser utilizados em (quase) todos os
elementos html.
● Tem a função de Identificar o elemento e deve
ser único.
● <h1 id="saudacao">Ola Mundo!</h1>

8. 23/03/15
Ancoras
● É possível utilizar um id como uma ancora
para mover o usuário pelo próprio site
● <h1 id="saudacao">Ola Mundo!</h1>
● <a href="#saudacao>De volta para o Olá</a>