Tags

Tags we have started to use

	Tag	Comment
1	!DOCTYPE	Ensure that your HTML is the correct version
2	!--	HTML comment
3	html	HTML document contains a head and a body
4	head	The container for all the head elements
5	title	Clear titles to refer to both website and web page
6	meta	Metadata about the HTML document
7	style	Specify how HTML elements should render
8	link	Link to an external style sheet
9	body	Contains all the contents of a HTML document
10	div	Web page divition
11	p	Web page paragraph
12	span	Used to color a part of a text
13	hr	Horizontal rule
14	b	Bold
15	i	Italic
16	u	Underline
17	a	HTML anchor
18	img	Web page image
19	table	Table with rows (tr) and columns (one or more td per row)
20	ol	Ordered list
21	ul	Unordered list
22	form	HTML form for user input
23	center	Use at your peril
24	font	Use at your peril
25	big	Increase font size : Use at your peril
26	small	Decrease font size
27	pre	Preformatted text

Code tips

Use of floats

Things like navigation tables must always float to the top so that they stay in the same place when you move to other pages. To do this, use a style rule so that your table data element looks like this...

 <td style = "vertical-align: text-top;">

Use of tables

Tables teaches you how to control nesting of your HTML tags and encourages you to comment your code. However, as soon as you find you are starting to gain control of how your web pages work, we will start to move key areas of your web pages out of the main page table, and use floats ubstead. For an early example of the code, see how the center of Red's Top 20 web page works. Watch what happens when you adjust the size of your browser

Form tag

Input types to use on your Contact Us web page

Deprecated and unsupported tags

Use of any deprecated tags (-1)
Use of any unsupported tags (-3)

Notes

Ensure that your web pages will work on HTML5, even though you are building HTML 4 web pages
p is a block element, but cannot contain other block elements, only inline elements