Digital Guyana

Week 1 course – HTML

Posted on: July 30, 2009

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:

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)

Advertisements

4 Responses to "Week 1 course – HTML"

[…] we asked the students to go back to their index.html page that they had created during the first week of the course and delete all the inline styles. They were then asked to create a styles.css file using notepad […]

[…] After teaching the groups how to make websites using HTML and the blogging platform WordPress.com we focused on best practice in terms of design and content […]

[…] the HTML part of the course we looked at how to make static pages and link them together to form a coherent website. We […]

I do not even know how I ended up here, but I thought this post was great.
I do not know who you are but certainly you’re going to
a famous blogger if you are not already 😉 Cheers!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: