- <p></p> Paragraph – used to define the limits of a paragraph.
- <h1></h1> Heading Style 1 – There are 7 heading styles from h1-h7, these are used to define heading and sub-headings.
- <em></em> Emphasize – this displays text in italics normally.
- <strong></strong> Strongly emphasised – normally displayed in bold
Author: Mr Stratton
Computing teacher and a PT at Coltness High School.
Nat 5 – HTML Template
HTML5 Blank Template
<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta charset=”UTF-8″/>
</head>
<body>
</body>
</html>
Using a message box to make a choice
It is possible to use a MsgBox to make a choice in your program. You first of all assign a integer variable to the MsgBox then you change the buttons attributes to vbYesNo. vbYesNo is a VB constant that represents a value, the use of the constant means that you do not need to memories the number, vbYes and vbNo are other examples of these VB constants. An IF statement is then used to make the selection.
WordPress 4.0
This Blog has been updated to WordPress 4.0. I’ll let know what that means when I figure it out :)
Align and Float Images
These notes were prepared using this article.
- When an image is aligned it is just moved on the page to the left, centre or right. This just effects the position of the image and not the reaction of the text surrounding it. The inline version is given below.
- <div style=”text-align: center”><img src=”your-image.png” width=”100″ /></div>
- When an image is floated it can either be on the right or the left of the page. The text is forced to wrap around it. The inline version is given below.
- <img style=”float: right” src=”page1.gif” />
Using the box model it is possible to float other sections of the page, such as the <NAV> area.
You can find more information on CSS Floats, from the links on the page or here.
HTML 5 Skeleton
<!DOCTYPE html>
<html>
<head>
<title> TITLE </title>
<meta charset=”UTF-8″/>
</head>
<body>
<h1>Page Heading</h1>
<nav>
<ul>
<li><a href=”page1.html”>Page 1</a></li>
</ul>
</nav>
<p>Paragraph text.</p>
</body>
</html>
Creating Web Pages
- Create the HTML skeleton
- Save multiple copies one for each page – DO NOT USE SPACES, DO NOT USE CAPITALS
- Add head/title and heading to each page
- Add <NAV> links to each page – TEST
- Add Text to each page – TEST
- Add Graphics to each page – TEST
- Add inline CSS to make it look pretty
- TEST all pages, hyperlinks and graphics.
Past Papers
This course has only been assessed on one occasion (last May). I was asked today for copies of the past papers, here are the only two papers that exist.
More information can be found here.
Answers to this week’s homework
This question was lifted from 2011 Int2 Information Systems paper
Homework w/b 1st Dec
