tutorial/HTML/youtube/Dave-Gray-course/DAY-1/add-links/index.html at main · plumkewe/tutorial · GitHub

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
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="it">
	<head>
		<meta charset="UTF-8">
		<title>Homepage</title>

		<style>
			html {
				font-size: 21px;
				font-family: sans-serif;
			}
			body {
				background-color: black;
				color: white;
			}
			a {
				color: lightblue;
			}
			a:visited {
				color: silver ;
			}
			a:hover, a:active {
				color: aqua;
			}
		</style>

	</head>
	<body>
		<h1>Homepage</h1>
		<p>Il mio account su <a href="github.com">GitHub</a></p> <!-- ancher tag, absolute reference, a differenza delle foto che sono relativi (foto nella stessa cartella del file html) -->

		<hr>
		<nav>
			<ul>
				<li><a href="#articoli">Articoli</a></li>
				<li><a href="#siamo">Chi siamo</a></li>
			</ul>
		</nav>

		<section id="articoli">
		<h2>Nostri articoli</h2>
		<h3>Chi è una capra?</h3>
		<p>Scopriamo chi è per davvero una capra...</p>

		</section>

		<section id="siamo"><br>
			<h3>Chi siamo</h3>
			<p>Siamo un progetto degli alieni</p>

		</section>

		<hr>
		<a href="oltre.html"><strong>OLTRE</strong></a> <!-- link relativo -->
		<a href="#articoli"><strong>BACK TO TOP</strong></a>

	</body>
</html>