NSC NOVEMBER: COMPUTER APPLICATIONS TECHNOLOGY P1 | 2023
HTML TAG LIST
Basic Tags
Formatting Tags continued
Tag Description
Tag Description
Defines the body of the web Inserted before each list
<body></body>
page item,
Sets the background colour of <li></li> and adds a number or
<body bgcolor="pink"> symbol depending on the
the web page
type of list selected
<body text="black"> Sets the colour of the body text <img src="name"> Adds an image
Contains information about the <img src="name"
<head></head> Aligns an image: can be
web page
align="left"> "left", "right", "bottom", "top"
Creates an HTML document –
<html></html> Aligns an image in the
starts and ends a web page <p align="center"> "center", can also be
<img src="name"> </p> "middle"
<title></title> Defines a title for the web page
<br/> Inserts a line break <img src="name" Sets the size of the border
border="1"> around an image
<!-- --> Comment
Text Tags <img src="name" Sets the height and width of
Tag Description width="200" height an image
="200">
<h1></h1> Creates the largest heading
Displays alternative text
<h6></h6> Creates the smallest heading <img src="name" when the mouse hovers
alt="alternative text"> over the image or when the
<b></b> Creates bold text image is not found
<i></i> Creates italic text <hr/> Inserts a horizontal line
<font size="3"></font> Sets size of font, from "1" to "7" <hr size="3"/> Sets size (height) of a line
<font color= "green"> Sets the width of a line, in
Sets font colour percentage or absolute
</font> <hr width="80%"/>
value
<font face="Times Sets font type
New Roman"></font> <hr color= "ff0000"/> Sets the colour of the line
Links Tags Table Tags
Tag Description Tag Description
<a href="URL"></a> Creates a hyperlink <table></table> Creates a table
<a href="URL"><img <tr></tr> Creates a row in a table
Creates an image link
src="name"></a> <td></td> Creates a cell in a table
Creates a target location in the Creates a table header (a
<a name="NAME"></a> <th></th>
document cell with bold, centred text)
Links to a target location created <table width="50"> Sets the width of the table
<a href= "#NAME"></a>
somewhere else in the document
Sets the width of the border
Formatting Tags <table border="1">
around the table cells
Tag Description Sets the space between the
<table cellspacing="1">
table cells
<p></p> Creates a new paragraph
Sets the space between a
Aligns a paragraph to the "left" <table cellpadding="1">
cell border and its contents
<p align="left"> (default), can also be "right" or
"center" Sets the alignment for
<tr align="left"> cell(s) ("left", can also be
<br/> Inserts a line break "center" or "right")
<ol></ol> Creates a numbered list Sets the vertical alignment
<tr valign="top"> for cell(s) ("top", can also be
<ol type="A","a", Defines the type of numbering "middle" or "bottom")
"I","i","1"></ol> used
Sets the number of columns
<td colspan="2">
a cell should span
<ul></ul> Creates a bulleted list
<td rowspan="4"> Sets the number of rows a
<ul type="disc", "square", cell should span
Defines the type of bullets used
"cirlcle"></ul>
© SACAI COPYRIGHT Page 19 of 22 Please turn over