Basic Tags Links Tags
Tag Description Tag Description
<html></html> Creates an HTML document – <a href="URL"></a> Creates a hyperlink
starts and ends a webpage <a name="NAME"></a> Creates a target location
<head></head> Contains information about the <a href="#NAME"></a> Links to a target location
document created somewhere else in the
<title></title> Defines a title for the document document
(displays in browser tab) <a href="mailto: Inserts a link to an e-mail add-
<body></body> Defines the body of the name_of_user@domain"> ress; text to be displayed added
webpage [Text]</a> (can be the e-mail address)
<body bgcolor="pink"> Sets the background colour of <a href="URL"> Creates an image link
the webpage <img src="URL"></a>
<body text="black"> Sets the colour of the body text Image Tags
<body background= Sets the background image of Tag Description
"name"> the webpage
<img src="name"> Adds an image (must include file
<!-- --> Comment (not displayed) name extension)
Text Tags <img src="name" Aligns an image: can also be
Tag Description align="left"> "right", "center"; "bottom",
"top", "middle"
<hl></hl> Creates the largest heading
<h6></h6> Creates the smallest heading
<img src="name" Sets size of border around an
border="1"> image
<b></b> Creates bold text
<img src="name" Sets the height and width of an
<i></i> Creates italic text width="200" height image
<font size="3"> Sets size of font, from "1" to "7" ="200">
</font> <img src="name" Displays alternative text when
<font size="+20"> Enlarges font size (reduces font alt="alternative the mouse hovers over the
</font> size: size="-2") text"> image or when the image is not
<font color="green"> Sets font colour found
</font> <a href="URL"><img Creates an image link
<font face="Comic Sets font type src="URL"></a>
Sans"></font> Table Tags
Formatting Tags Tag Description
Tag Description <table></table> Creates a table
<p></p> Creates a new paragraph <tr></tr> Creates a row in a table
<p align="left"> Aligns a paragraph to the "left" <td></td> Creates a cell in a table
(default), can also be "right", or <th></th> Creates a table header (a cell
"center" with bold, centred text)
<br/> Inserts a line break <table width="50"> Sets the width of the table
<ol></ol> Creates a numbered list <td height="50"> Sets row height
<ol type="A", "a", Defines the type of numbering <table border="1"> Sets the width of the border
"I", "i", "1"></ol> used (1, 2, 3 is default) around the table cells
<ul></ul> Creates a bulleted list <table Sets the space between the
<ul type="disc", Defines the type of bullets used cellspacing="1"> table cells
"square", "circle"> (disc is default) <table Sets the space between a cell
</ul> cellpadding="1"> border and its contents
<li></li> Inserted for each list item, and <tr align="left"> Sets the alignment for cell(s)
adds a number or symbol (can also be "center" or "right")
depending upon the type of list
<tr valign="top"> Sets the vertical alignment for
selected
cell(s) (can also be "middle" or
<hr/> Inserts a horizontal line "bottom")
<hr size="3"/> Sets size (height) of line <td colspan="2"> Sets the number of columns a
<hr width="80%"/> Sets width of line, in percentage cell should span (merge
or absolute value columns)
<hr color="red"/> Sets the colour of the line <td rowspan="4"> Sets the number of rows a cell
should span (merge rows)
Source: Department of Basic Education