-
Notifications
You must be signed in to change notification settings - Fork 0
/
Aula05.html
49 lines (48 loc) · 1.37 KB
/
Aula05.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<title>Aula05 - Links</title>
</head>
<body>
<h1 align="center">Aula 05 - Links</h1>
<hr>
<h2>Tag de Hiperlink</h2>
<ul type="circle">
<li>A tag "a" é utilizada para criação de hiperlinks</li>
<li>Hiperlinks são usados para conectar uma página a outra</li>
<li>Os links tem uma formatação padrão que pode ser modificada através do CSS</li>
</ul>
<h2>Atributos mais usados da Tag de Hiperlink</h2>
<ul type="circle">
<li>href: utilizado para especificar a URL da página que o link irá acessar</li>
<li>download: utilizado para especificar que o objeto alvo será baixado quando o usuário clicar no link</li>
<li>target: utilizado para especificar onde o documento linkado será aberto</li>
</ul>
<h2>Exemplos</h2>
<ul>
<li>
Link para nossa aula anterior:
<br>
<a href="Aula04.html">Aula04</a>
</li>
<li>
Link para imagem (abrindo em outra aba):
<br>
<a href="img/html5.jpg" target="_blank">Imagem</a>
</li>
<li>
Link para imagem (download):
<br>
<a href="img/html5.jpg" download>Download</a>
</li>
<li>
Imagem como link (para página do CodeShare):
<br>
<a href="http://codeshare.com.br" target="_blank">
<img src="img/html5.jpg" height="120" alt="HTML5">
</a>
</li>
</ul>
</body>
</html>