This repository has been archived by the owner on Dec 21, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathglossary.html
189 lines (183 loc) · 9.11 KB
/
glossary.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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Some website - Glossary</title>
<link href="styles/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<style>.glossary-link {text-decoration: underline;}</style>
</head>
<body data-spy="scroll" data-target="#page-nav" data-offset="0">
<!-- Top header -->
<header>
<div class="container-fluid">
<div id="header-title">
<h1>Some Website I Made</h1>
</div>
<nav id="breadcrumb-wrapper">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active">Glossary</li>
</ol>
</nav>
</div>
</header>
<!-- Navigation bar -->
<nav id="navigation" class="navbar" style="border-radius: 0;" data-spy="affix" data-offset-top="120">
<div class="container-fluid">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target="#navbar-content">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Some Website</a>
</div>
<div class="collapse navbar-collapse" id="navbar-content">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="glossary.html">Glossary</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Articles<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="articls/berners-lee.html">Tim Berners-Lee</a></li>
<li><a href="articles/data-transmission.html">Data transmission</a></li>
<li><a href="articles/web-browser.html">How web browsers work</a></li>
<li><a href="articles/https.html">The secret behind HTTPS</a></li>
</ul>
</li>
<li><a href="behind-the-scenes.html">Behind the Scenes</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" onclick="toggleDark()">Change Theme</a></li>
</ul>
</div>
</div>
</nav>
<!-- Title section -->
<div id="title-wrapper" class="jumbotron">
<img src="resources/book.jpeg" />
<div class="darken"></div>
<div class="container">
<h1>Glossary</h1>
<p>[ˈɡläsərē, ˈɡlôsərē] an alphabetical list of terms or words found in or relating to a specific subject</p>
</div>
</div>
<!-- Content -->
<div id="main-content" class="container">
<div class="row">
<nav id="page-nav" class="col-sm-3 col-sm-push-9">
<ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="500"></ul>
</nav>
<article id="main-article" class="col-sm-9 col-sm-pull-3">
<section id="glossary">
<h2>Glossary</h2>
<p>Bacon ipsum dolor amet frankfurter in do velit, voluptate deserunt spare ribs incididunt occaecat chislic cow exercitation tempor fatback. Labore aliqua id, prosciutto frankfurter filet mignon cillum aute. Ut turducken corned beef, kevin dolor sunt adipisicing boudin lorem. Ullamco occaecat filet mignon chicken, kevin eu jowl chislic bacon pariatur in et. Eiusmod pig pork chop do filet mignon.</p>
<table id="glossary-table" class="table table-hover">
<thead>
<tr>
<th>Word</th>
<th>Definition</th>
</tr>
</thead>
<tbody>
<tr id="internet" class="definition">
<td>Internet</td>
<td>The network of computers that are interconnected around the world.</td>
</tr>
<tr id="isp" class="definition">
<td>ISP</td>
<td>An organization that provides connection to the <a class="glossary-link" href="#internet">internet</a> (usually for a paid fee). Short for 'Internet Service Provider'.</td>
</tr>
<tr id="nic" class="definition">
<td>NIC</td>
<td>Small chips embedded into computers that allows it to connect to a computer network. Short for 'Network Interface Card'.</td>
</tr>
<tr id="url" class="definition">
<td>URL</td>
<td>It is a refrence that points to the location of a certain resource. Short for 'Uniform Resource Locator'.</td>
</tr>
<tr id="web-browser" class="definition">
<td>Web Browser</td>
<td>An application that allows the user to traverse the web.</td>
</tr>
<tr id="modem" class="definition">
<td>Modem</td>
<td>A device that connects a home to to the <a class="glossary-link" href="#isp">ISP</a>. It converts between ISP signals and local signals</td>
</tr>
<tr id="client" class="definition">
<td>Client</td>
<td>The user-side of the web. Usually refers to the <a class="glossary-link" href="#web-browser">web browser</a> running in the user's machine.</td>
</tr>
<tr id="server" class="definition">
<td>Server</td>
<td>Massive <a class="glossary-link" href="#hub">hub</a>s that store the websites that make up the web. These websites are then accessed by the <a class="glossary-link" href="#client">client</a> on request</td>
</tr>
<tr id="packet" class="definition">
<td>Packet</td>
<td>Information that is sent around the web to transfer data. They each carry small (fixed) amounts of data.</td>
</tr>
<tr id="cookie" class="definition">
<td>Cookie</td>
<td>A system to keep track of which user is who. Once it is given, it can be used to track the user and act accordingly.</td>
</tr>
<tr id="protocol" class="definition">
<td>Protocol</td>
<td>A set of rules that controls how data should be transferred over a certain medium.</td>
</tr>
<tr id="http(s)" class="definition">
<td>HTTP(S)</td>
<td>A <a class="glossary-link" href="#protocol">protocol</a> for sending hypertext across the web. HTTPS is encrypted and more secure. Short for 'HyperText Transfer Protocol (Secure)</td>
</tr>
<tr id="ip-address" class="definition">
<td>IP Address</td>
<td>An address that is used to identify a certain device in a network. Short for '<a class="glossary-link" href="#internet">Internet</a> <a class="glossary-link" href="#protocol">Protocol</a> Address'.</td>
</tr>
<tr id="mac-address" class="definition">
<td>MAC Address</td>
<td>An address assigned to a <a class="glossary-link" href="#nic">NIC</a> for use as a network address. Short for 'Media Access Control Address'.</td>
</tr>
<tr id="html" class="definition">
<td>HTML</td>
<td>A markup language used to build webpages (not a programming language). Short for 'HyperText Markup Language'</td>
</tr>
<tr id="css" class="definition">
<td>CSS</td>
<td>A stylesheet language used in conjunction with <a class="glossary-link" href="#html">HTML</a> for the presentation of the webpage. Short for 'Cascading Style Sheet'</td>
</tr>
<tr id="hub" class="definition">
<td>Hub</td>
<td>A device used to connect the parts of a Local Area Network (such as a Wi-Fi router).</td>
</tr>
<tr id="switch" class="definition">
<td>Switch</td>
<td>A type of a <a class="glossary-link" href="#hub">hub</a> used for wired networks (see <a class="glossary-link" href="#lan">LAN</a>). Usually connected through ethernet.</td>
</tr>
<tr id="lan" class="definition">
<td>LAN</td>
<td>A network that connects local devices to one place. Short for 'Local Area Network'.</td>
</tr>
<tr id="wan" class="definition">
<td>WAN</td>
<td>A network of <a class="glossary-link" href="#lan">LAN</a>s that span a large geographical area. Short for 'Wide Area Network'.</td>
</tr>
</tbody>
</table>
</section>
</article>
</div>
</div>
<!-- Footer -->
<footer>
<p>Content is 100% by me</p>
<p style="font-size: 1.5px;">owo</p>
<!-- You know the rules and so do I -->
<a href="https://youtu.be/dQw4w9WgXcQ">©Daniel Gu. All rights reserved.</a>
</footer>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/toc.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<script src="scripts/darkmode.js"></script>
</body>
</html>