historyoftheinternet/internet.html at main · lukethacoder/historyoftheinternet · 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
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title> History of the Internet</title>
		<link rel="stylesheet" type="text/css" href="internet.css" />
		<link rel="shortcut icon" type="image/x-icon" href="hoti.ico"> <!-- change tab icon -->
	</head>
	<body>
		<div id="main">
			<div id="header" >
				<img src="hoti.jpg"/>
			</div>
			<div>
				<nav id="droptab">
					<ul>
					  <li class="dropdown"><a href="index.html">Home</a></li> <!-- adds a link back to the home page -->
						<li><a href="#">Events</a>
							<ul> <!-- used to make a drop down tab from the main tab bar, works really well for this page -->
								<li><a href="arpanet.html">ARPANET</a></li>
								<li><a href="ip.html">TCP/IP</a></li>
								<li><a href="filesharing.html">File Sharing</a></li>
								<li><a href="socialnetworking.html">Social Networking</a></li>
								<li><a href="webbrowsers.html">Web Browsers</a></li>
							</ul>
						</li>
						<li><a href="w3c.html">W3C</a></li>
						<li><a href="internet.html">The Internet?</a></li>
						<li><a href="glossary.html">Glossary</a></li>
						<li><a href="references.html">References</a></li>
					</ul>
				</nav>
			</div>
			<div> <!-- Information div -->
				<div id="info">
					<h2> The Internet? </h2>
					<p>  Want to know how the internet works, watch the video below :D</p>

				</div>
				<div id="info2">
					<iframe src="https://www.youtube.com/embed/vOtGPrEsizE" frameborder="0" allowfullscreen></iframe>
				</div>
				<div id="info3">
					<h2> The REAL way the Internet Works </h2>
					<p> The easiest way to explain the internet is if we start with a wire. This wire is the internet. The wire can connect different devices to each other both physically and wirelessly. </p>
				</div>
				<div id="info4">
					<img src="internetpics/internet01.png"/>
				</div>
				<div id="info5">
					<p> There are also servers connected to this wire. These servers hold web pages and host them. Each of these servers have an IP address, which consists of numbers and dots. These addresses are given names people can actually remember and connect to, e.g facebook.com, youtube.com, etc.</p>
				</div>
				<div id="info6">
					<img src="internetpics/internet02.png"/>
				</div>
				<div id="info7">
					<p> An everyday computer is called a client. These clients are connected to an ISP (Internet Service Provider) and they then connect to the wire. The wire then connects to the webpage that you want. </p>
				</div>
				<div id="info8">
					<img src="internetpics/internet03.png"/>
				</div>
				<div id="info9">
					<p> When sending content over the internet it is cut into little pieces called packets. These packets send information quicker and more securely in small pieces. Once it reaches its destination it is put back together.</p>
				</div>
				<div id="info10">
					<img src="internetpics/internet04.png"/>
				</div>
			</div>
		</div>
	</body>
</html>