Computer Applications Technology/P1 DBE/November 2024
NSC Confidential
HTML TAG SHEET
Basic Tags Formatting Tags continued
Tag Description Tag Description
Defines the body of the web Inserted before each list item,
<body></body> and adds a number or symbol
page <li></i>
<body Sets the background colour of depending on the type of list
bgcolor="pink"'> the web page selected
<body text="black"> Sets the colour of the body text <imgsrc="name"/> Adds an image
<head></head> Contains information about the <img src="name" Aligns an image: can be
webpage align="left"/> "right", "bottom", "top"
<htm|></html> Creates an HTML document - <p align="center"'><img Aligns an image in the
starts and ends a webpage src="name"/></p> "center", can also be "middle"
<img src="name" Sets the size of the border
<title></title> Defines a title for the web page border="1"/> around an image
<br/> Inserts a line break <img src="name"
Sets the height and width of an
Comment width="200" height
="200"/> image
Text Tags Displays alternative text when
Tag Description <img src="name" the mouse hovers over the
alt="alternative text"/> image or when the image is
<h1></h1> Creates the largest heading not found
<h6></h6> Creates the smallest heading <hr> Inserts a horizontal line
<b></b> Creates bold text <hr size="3"/> Sets size (height) of a line
<j></i> Creates italic text
<U></u> Creates underlined text <hr width="80%"> Sets the width of a line, in
percentage or absolute value
<font size="3"></font> Sets size of font, from "1" to "7"
<font color= "green'"'> Sets font colour <hr color= "ffO000"/> Sets the colour of the line
</font>
<font face="Times New Table Tags
Roman"></font>
Sets font type
Tag Description
Links Tags <table></table> Creates a table
Tag Description <to</t Creates a row in atable
<a href-"URL"><la> Creates a hyperlink <td></td> Creates a cell in a table
<ahref="URL"><img Creates an image link
src="name"></a> <th></th> Creates atable header (a cell
<aname="NAME"></a> Creates atarget location in the with bold, centred text)
document
Links to a target location
<a href="#NAME"><la> created somewhere else in the <table width="50"> Sets the width of the table
document
<a href= Links to an e-nmail address <table border="1"> Sets the width of the border
"mailto:#NAME"><la> around the table cells
Formatting Tags <table cellspacing="1">
Sets the space between the
Tag Description table cells
Createsa new paragraph <table cellpadding="1"> Sets the space between a cell
<p></p> border and its contents
Aligns a paragraph to the "left"
<p align="left"'> Sets the alignment for cel(s)
(default), can also be "right" or
"center" <tr align="left'> ("left", can also be "cente' or
Horizontally centres text, a "right")
<center></center>
section, table or an image
Sets the vertical alignment for
<ol type="A""a", Defines the type of numbering cell(s) ("top", can also be
" """1"></ol> used <tr valign="top">
<ol></ol>
"middle" or "bottom")
Creates a numbered list
<ol type="A""a", Defines the type of numbering Sets the number of columns a
used
<td colspan="2"> cell should span
<ul></ul> Creates a bulleted list Sets the number of rowNS a cell
<ul type="disc" <td rowspan="4">
should span
"'square" "circle"> </u|> Defines the type of bullets used
Copyright reserved
