Fix typo
This commit is contained in:
Matthew Grove
@@ -1,137 +0,0 @@
|
|||||||
<!-- Reading School 2018, HTML page by Matthew Grove, Year 10 -->
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
|
||||||
<meta name="HandheldFriendly" content="True">
|
|
||||||
<link rel="icon" sizes="192x192" href="https://matthew-grove.ml/logo.png">
|
|
||||||
|
|
||||||
<!-- add to homescreen for Chrome on Android -->
|
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
|
||||||
<link rel="icon" sizes="192x192" href="https://matthew-grove.ml/logo.png">
|
|
||||||
|
|
||||||
<!-- add to homescreen for Safari on iOS -->
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
||||||
<meta name="apple-mobile-web-app-title" content="Computer Science Blog | Matthew Grove">
|
|
||||||
<link rel="apple-touch-icon-precomposed" href="https://matthew-grove.ml/logo.png">
|
|
||||||
|
|
||||||
<!-- tile icon & colour for Windows 8 -->
|
|
||||||
<meta name="msapplication-TileImage" content="https://matthew-grove.ml/logo.png">
|
|
||||||
<meta name="msapplication-TileColor" content="#d84315">
|
|
||||||
|
|
||||||
<title>Computer Science Blog | Matthew Grove</title>
|
|
||||||
<meta name="description" content="GCSE Computer Science Blog - by Matthew Grove">
|
|
||||||
|
|
||||||
<!-- import Roboto (font) -->
|
|
||||||
<link href="/assets/roboto.css" rel="stylesheet" type="text/css">
|
|
||||||
|
|
||||||
<!-- import jQuery -->
|
|
||||||
<script src="/assets/jquery.min.js" type="text/javascript"></script>
|
|
||||||
|
|
||||||
<!-- import cookie JavaScript -->
|
|
||||||
<script src="/assets/cookies.js" type="text/javascript"></script>
|
|
||||||
|
|
||||||
<!-- import Material Design components & icons -->
|
|
||||||
<link href="/assets/material-components-web.min.css" rel="stylesheet" type="text/css">
|
|
||||||
<link href="/assets/material_icons.css" rel="stylesheet" type="text/css">
|
|
||||||
<script src="/assets/material-components-web.min.js" type="text/javascript"></script>
|
|
||||||
|
|
||||||
<!-- import Bootstrap -->
|
|
||||||
<script src="/assets/bootstrap.min.js" type="text/javascript"></script>
|
|
||||||
<link href="/assets/bootstrap.min.css" rel="stylesheet" type="text/css">
|
|
||||||
|
|
||||||
<!-- import local styling & scripts -->
|
|
||||||
<script src="/assets/global.js" type="text/javascript"></script>
|
|
||||||
<link href="/assets/global.css" rel="stylesheet" type="text/css">
|
|
||||||
<link href="css/main.css" rel="stylesheet" type="text/css">
|
|
||||||
<script src="scripts/scripts.js" type="text/javascript"></script>
|
|
||||||
|
|
||||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
window.dataLayer = window.dataLayer || [];
|
|
||||||
function gtag(){dataLayer.push(arguments);}
|
|
||||||
gtag('js', new Date());
|
|
||||||
gtag('config', 'UA-124505000-1');
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- cookie notice is included via jQuery -->
|
|
||||||
<div id="cookies"></div>
|
|
||||||
|
|
||||||
<!-- content of navbar is included via jQuery -->
|
|
||||||
<aside class="navbar-insert mdc-drawer mdc-drawer--modal"></aside>
|
|
||||||
|
|
||||||
<div class="mdc-drawer-scrim"></div>
|
|
||||||
|
|
||||||
<div class="mdc-drawer-app-content">
|
|
||||||
<header class="mdc-top-app-bar app-bar" id="app-bar"></header>
|
|
||||||
|
|
||||||
<main class="main-content" id="main-content">
|
|
||||||
<div class="mdc-top-app-bar--fixed-adjust">
|
|
||||||
<p>The current date is <span id="current_date">unknown</span>.</p>
|
|
||||||
<h1>HTTP Introduction</h1>
|
|
||||||
<div class="presentation-container">
|
|
||||||
<div id="http_presentation" class="carousel slide" data-interval="false" data-ride="carousel">
|
|
||||||
<!-- Wrapper for slides -->
|
|
||||||
<div class="carousel-inner">
|
|
||||||
</div>
|
|
||||||
<div class="presentation-flexbox">
|
|
||||||
<!-- Indicators -->
|
|
||||||
<ol class="carousel-indicators">
|
|
||||||
</ol>
|
|
||||||
<!-- button to go to previous slide -->
|
|
||||||
<button class="presentation-button-left mdc-button mdc-button--outlined" href="#http_presentation" data-slide="prev" data-mdc-auto-init="MDCRipple">
|
|
||||||
<i class="material-icons mdc-button__icon">navigate_before</i>
|
|
||||||
Previous
|
|
||||||
</button>
|
|
||||||
<!-- button to go to next slide -->
|
|
||||||
<button class="presentation-button-right mdc-button mdc-button--outlined" href="#http_presentation" data-slide="next" data-mdc-auto-init="MDCRipple">
|
|
||||||
Next
|
|
||||||
<i class="material-icons mdc-button__icon">navigate_next</i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- HTML presentation -->
|
|
||||||
<h1>HTML, CSS & JS Introduction</h1>
|
|
||||||
|
|
||||||
<div id="html_presentation" class="carousel slide" data-interval="false" data-ride="carousel">
|
|
||||||
<!-- Wrapper for slides -->
|
|
||||||
<div class="carousel-inner">
|
|
||||||
</div>
|
|
||||||
<div class="presentation-flexbox">
|
|
||||||
<!-- Indicators -->
|
|
||||||
<ol class="carousel-indicators">
|
|
||||||
</ol>
|
|
||||||
<!-- button to go to previous slide -->
|
|
||||||
<button class="presentation-button-left mdc-button mdc-button--outlined" href="#html_presentation" data-slide="prev" data-mdc-auto-init="MDCRipple">
|
|
||||||
<i class="material-icons mdc-button__icon">navigate_before</i>
|
|
||||||
Previous
|
|
||||||
</button>
|
|
||||||
<!-- button to go to next slide -->
|
|
||||||
<button class="presentation-button-right mdc-button mdc-button--outlined" href="#html_presentation" data-slide="next" data-mdc-auto-init="MDCRipple">
|
|
||||||
Next
|
|
||||||
<i class="material-icons mdc-button__icon">navigate_next</i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="blog-insert"></div>
|
|
||||||
|
|
||||||
<!-- link to source code on GitHub -->
|
|
||||||
<a href="https://github.com/mgrove36/demo-code/tree/master/computer-science-blog/" class="source-code-link mdc-fab mdc-fab--extended" data-mdc-auto-init="MDCRipple"></a>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
Made in association with Daniel Dunbar
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
© Matthew Grove & Daniel Dunbar 2018
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -19,11 +19,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<h2>HTTP</h2>
|
<h2>HTTP</h2>
|
||||||
<p>
|
<p>
|
||||||
HTTP is Hypertext Transfer (or Transport) Protocol, the underlying data transfer protocol used on the World Wide Web.
|
HTTP is Hypertext Transfer (or Transport) Protocol, the underlying data transfer protocol used on the World Wide Web. It defines what actions web servers and browsers should take in response to commands. For example, when a URL is opened or hyperlink (which is a URL) clicked, your web browser actually sends an HTTP request to the server which hosts the website you're trying to access, in order to fetch it and display it on your screen. Obviously, for each web server to understand these requests, the server and request must both follow this protocol.
|
||||||
It defines what actions web servers and browsers should take in response to commands. For example, when a URL is opened
|
|
||||||
or hyperlink (which is a URL) clicked, your web browser actually sends an HTTP request to the server which hosts the website you're
|
|
||||||
trying to access, in order to fetch it and display it on your screen. Obviously, for each web server to understand these requests,
|
|
||||||
the server and request must both follow this protocol.
|
|
||||||
</p>
|
</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
<p>
|
<p>
|
||||||
A hyperlink is simply a link on the web to another resource. It uses a special kind of command that jumps you to different content in your web browser - usually to another page.
|
A hyperlink is simply a link on the web to another resource. It uses a special kind of command that jumps you to different content in your web browser - usually to another page.
|
||||||
<br>
|
<br>
|
||||||
Hyperlink are often denoted by blue underlined text or content which turns the cursor into a pointing hand when hovered over; however, they can be styled however the web designer wishes; their appearances do not change their function.
|
Hyperlinks are often denoted by blue underlined text or content which turns the cursor into a pointing hand when hovered over; however, they can be styled however the web designer wishes; their appearances do not change their function.
|
||||||
<br>
|
<br>
|
||||||
Website owners reserve the right not to be hyperlinked without permission.
|
Website owners reserve the right not to be hyperlinked without permission.
|
||||||
<br>
|
<br>
|
||||||
|
|||||||
Reference in New Issue
Block a user