Post on 15-Jul-2015
HTMLA Alma da Internet
Prof. Mauro DuarteProf. Mauro Duarte
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>
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>
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>
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)
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.
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>
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>xDe volta para o Olá</a>