Posts Tagged ‘tags’
Week 1 course – HTML
Posted by: Chris Unitt on: July 30, 2009
- In: The course
- 5 Comments
HTML stands for Hypertext Markup Language – the tags and attributes that are used to explain to a web browser how to display a page on the internet.
In the first lesson of the course we introduced the students to HTML and got them to build a very basic personal website with a homepage and separate pages for links and contact details.
Firstly, we asked them to open Notepad and create an html page using the <html> and <body> tags. The importance of closing all tags was emphasised.
<h1> tags were used to indicate the title and <p> tags were used around a lump of text. The file was saved as ‘index.html’ and viewed in a browser to show how the page displays.
Links were demonstrated next, along with html attributions. The students were asked to add a link to another website to their web page.
We then asked the students to use Notepad to create a document called ‘links.html’. In this document they listed a set of links to other websites.
The exercise was repeated, creating a third page called ‘contact.html’. The pages were then all edited to insert links between them.
To demonstrate how to add images into a web page, we took photos of the students and gave them the file to insert into their homepages.
We introduced the students to the following HTML tags:
- <html>
- <body>
- <h1>
- <p>
- <strong>
- <em>
- <a>
- <img>
- <ul>
- <li>
We demonstrated HTML tag attributes using:
- Links <a href=”http://www.google.com”>Link to Google</a>
- Images <a href=”image.jpg”></img>
- Text <h1 style=”color: red”>
Further attributes to style text included:
- font-family: arial
- font-weight: bold
- background-color: yellow
- text-align: center
- size: 100%
In compiling the course materials we were indebted to the HTML tutorials provided by W3Schools.
(For links to further Web Skills course content please go to The Course)