me/portfolio
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update GCSE CS blog

Browse Source
This commit is contained in:
Matthew Grove
2018-12-10 09:00:12 +00:00
parent 88cfb8e016
commit 617657a70f
4 changed files with 39 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
computer-science-blog/css/presentation-imports.css~
View File

@@ -1,18 +0,0 @@
html, body {
font-family: 'Roboto';
background: transparent;
}
/* revert changes made by Bootstrap */
p {
margin: 0;
}
h1, h2, h3, .h1, .h2, .h3 {
margin-top: 0;
}
img {
width: 70%;
box-shadow: 3px 3px 6px 2px rgba(10,10,10,0.5);
margin: 10px;
border-radius: 6px;
}

5
computer-science-blog/pages/html.html
View File

@@ -28,8 +28,9 @@
<br>
<code>&lt;img src="image_source_url"&gt;</code>
<br>
HTML is closely linked with CSS and JavaScript; a comment in HTML is started with
<code>&lt;!--</code> and ended with <code>--&gt;</code>.
A comment in HTML is started with <code>&lt;!--</code> and ended with <code>--&gt;</code>.
<br>
HTML is closely linked with CSS and JavaScript.
</p>
</body>
</html>

35
computer-science-blog/pages/html.html~ Normal file
View File

@@ -0,0 +1,35 @@
<!-- 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">
<!-- import Roboto (font) -->
<link href="/assets/roboto.css" rel="stylesheet" type="text/css">
<!-- import Bootstrap -->
<link href="/assets/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- import local styling & scripts -->
<link href="../css/presentation-imports.css" rel="stylesheet" type="text/css">
</head>
<body>
<h2>HTML</h2>
<p>
Hypertext Markup Language is the standard language used by browsers to display webpages.
HTML was invented by Tim Berners-Lee in 1990, and uses tags. This means that in order to define
an element (something like a heading or paragraph), you use a <i>tag</i> - such as <code>&lt;p&gt;</code>,
which displays a simple paragraph. Most tags must be closed with closing tags - like <code>&lt;/p&gt;</code>,
however some elements, like those for images (<code>&lt;img&gt;</code>) and linking external resources
(<code>&lt;link&gt;</code>) are auto closing: they don’t need a closing tag. For example, an image is defined as follows:
<br>
<code>&lt;img src="image_source_url"&gt;</code>
<br>
HTML is closely linked with CSS and JavaScript; a comment in HTML is started with
<code>&lt;!--</code> and ended with <code>--&gt;</code>.
</p>
</body>
</html>

2
computer-science-blog/scripts/css-presentation-slide.js
View File

@@ -1,4 +1,4 @@
window.onload = function() {
var year = new Date().getFullYear();
document.getElementById("css_attribute_list_link").innerHTML = 'All of the CSS style attributes are listed <a href="https://www.w3.org/TR/css-' + year + '/#properties">here</a>.';
document.getElementById("css_attribute_list_link").innerHTML = 'All of the CSS style attributes are listed <a href="https://www.w3.org/TR/css-' + year + '/#properties" target="_blank">here</a>.';
}