Scribd
Upload
26 views

HTML Tag Sheet Eng

HTML sheet

Uploaded by

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

HTML Tag Sheet Eng

HTML sheet

Uploaded by

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

HTML Tag Sheet

Structural / Basic tags


<body> </body> Defines the body of web page
<body bgcolor="pink"> Sets the background colour of web page
<body text="black"> Sets the colour of the body text
<head> </head> Contains information about document
<html> </html> Starts and end a web page
<title> </title> Defines a title for the document
<!-- --> Comment
Formatting Tags
<p></p> Creates a new paragraph
<p align="left"> Aligns a paragraph to the left (default), can also be right, or center
<br/> Inserts a line break
<ol></ol> Creates a numbered list
<ol type="A", "a", "I",
Defines the type of numbering used
"i","1"></ol>
<ul></ul> Creates a bulleted list
<ul type="disc",
Defines the type of bullets used
"square", "circle"></ul>
Inserted before each list item, and adds a number or symbol depending upon the
<li></li>
type of list selected
Text Tags
<h1></h1> Creates the largest heading
<h6></h6> Creates the smallest heading
<b></b> Creates bold text
<i></i> Creates italic text
<u></u> Creates underlined text
<font size="3"> </font> Sets size of font, from 1 to 7
<font color="green"> </font> Sets font colour
<font face="Times New Roman"> </font> Sets font type
Graphics Tags
<img src="name"> Adds an image
<img src="name" align="left"> Aligns an image: can be left, right, center; bottom, top, middle
<img src="name" border="1"> Sets width of border around an image
<img src="name" width="200" height ="200"> Sets the height and width of an image
Displays alternative text when the mouse hovers over the
<img src="name" alt="alternative text">
image
<hr/> Inserts a horizontal line
<hr size="3"/> Sets size (height) of line
<hr width="80%"/> Sets width of line, in percentage or absolute value
<hr color="Red"/> Sets the colour of the line
Links Tags
<a href="URL"> link text </a> Creates a hyperlink displaying the link text
<a href="URL"> <img src="name"> </a> Creates an image link
<a name="NAME"> </a> Creates a target location
<a href="#NAME"> </a> Links to a target location created somewhere else in the document
Table Tags
<table></table> Creates a table
<tr></tr> Creates a row in a table
<td></td> Creates a cell in a table
<th></th> Creates a table header (a row with bold, centred text)
<table border="1"> Sets the width of the border around the table cells
<table cellspacing="1"> Sets the space between the table cells
<table cellpadding="1"> Sets the space between a cell’s border and its contents
<table width="50%"> Sets width of table, in percentage or number of pixels
<tr align="left"> Sets alignment for cell(s) (left, can also be center, or right)
<tr valign="top"> Sets vertical alignment for cell(s) (top, can also be middle, or bottom)
<td colspan="2"> Sets number of columns a cell should span
<td rowspan="4"> Sets number of rows a cell should span

You might also like