P2PU HTML5 Introduction

Task 2: Basic Markup

Semantic Elements

Task 3: Lists & Links

Lists

There are 2 main types of list on web pages. The first type is an ordered list, using numerals to denote list items.
Here is an example of using an ordered list to provide instructions for a task.

1. Click the Start Button
2. Click Microsoft Word
3. Click the File tab
4. Highlight and click Open
5. Select myfile.doc
6. Click Open

Unordered lists are widely used in web pages, particularily for listing hyperlinks. When styled and positioned with CSS they can act as navigation bars.
By default list items are denoted by a solid black circle, as follows in this example of a list of computer specifications.

• 2GHZ Quad-Core processor
• 4GB DDR2 RAM
• 750GB Hard Disk Drive
• DVD-RW Optical Drive
• 22" Monitor

Lists can also be nested, like so in a continuation of the PC specs

• Inkjet Printer
• Bundled Software
  1. Word processor
  2. Photo-editing package
  3. Anti-virus software
  4. Games!
• 3 Years Warranty

Hyperlinks

As noted above, lists are useful for organizing hyperlinks, making site navigation easier.

A link to an external site is The BBC

Linking to another section in the same document requires that the targeted section has an id attribute.Return to top