Scribd
Upload
165 views

HTML Tag Sheet

The document provides a reference sheet of common HTML tags, describing their purpose and attributes. It lists tags for basic page structure, text formatting, links, images, lists, tables, and more. Examples are given for setting colors, sizes, alignments and other properties of various elements.

Uploaded by

Mariet
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
165 views

HTML Tag Sheet

The document provides a reference sheet of common HTML tags, describing their purpose and attributes. It lists tags for basic page structure, text formatting, links, images, lists, tables, and more. Examples are given for setting colors, sizes, alignments and other properties of various elements.

Uploaded by

Mariet
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Computer Applications Technology 16 DBE/2021

Examination Guidelines
ANNEXURE A: 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>
page and adds a number or symbol
<li></li>
<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 <img src="name"> Adds an image
Contains information about the <img src="name" Aligns an image: can be "left",
<head></head>
web page align="left"> "right", "bottom", "top"
Creates an HTML document – <p align="center"><img Aligns an image in the "center",
<html></html>
starts and ends a web page src="name"></p> 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
width="200" height
<!-- --> Comment image
="200">
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 not
<hl></hl> Creates the largest heading 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
<i></i> Creates italic text
Sets the width of a line, in
<u></u> Creates underlined text <hr width=”80%”/>
percentage or absolute value
<font size="3"></font> Sets size of font, from "1" to "7"
<font color= "green">
Sets font colour <hr color= "ff0000"/> Sets the colour of the line
</font>
<font face="Times New Table Tags
Sets font type
Roman"></font> Tag Description
Links Tags <table></table> Creates a table
Tag Description <tr></tr> Creates a row in a table
<a href="URL"></a> Creates a hyperlink <td></td> Creates a cell in a table
<a href="URL"><img
Creates an image link
src="name"></a> Creates a table header (a cell
<th></th>
Creates a target location in the with bold, centred text)
<a name="NAME"></a>
document
Links to a target location
<a href= "#NAME"></a> created somewhere else in the <table width="50"> Sets the width of the table
document
Defines the title of a creative Sets the width of the border
<cite></cite> <table border="1">
work around the table cells
Sets the space between the
Formatting Tags <table cellspacing="1">
table cells
Sets the space between a cell
Tag Description <table cellpadding="1">
border and its contents
<p></p> Creates a new paragraph Sets the alignment for cell(s)
Aligns a paragraph to the "left" <tr align="left"> ("left", can also be "center" or
<p align="left"> (default), can also be "right" or "right")
"center"
Sets the vertical alignment for
<ol></ol> Creates a numbered list <tr valign="top"> 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 a
<ul></ul> Creates a bulleted list <td colspan="2">
cell should span
<ul type="disc", Sets the number of rows a cell
Defines the type of bullets used <td rowspan="4">
"square","circle"> </ul> should span

Copyright reserved Please turn over

You might also like