Online Auction Help

HomeAbout MeeBayHTMLDownloadsLinksContact Me

  Buy you own domain name with excellent additional features

Advanced HTML

Although I have decided to call this part "Advanced HTML" it is really no more advance than the "Basic HTML" I covered in the earlier section. The principles are the same.

 

Moving Text

<marquee direction>Text from right to left </marquee>

 Text from right to left

<marquee direction=right> Text from left to right</marquee>

Text from left to right

<marquee direction=up>Text moving upwards</marquee> 

 Text moving upwards

<marquee direction=down>Text moving downwards </marquee>

 Text moving downwards

<marquee behavior=alternate>Text bounces off sides </marquee>

Text bounces off sides

<marquee behavior=slide>Text stops at left side </marquee>

 Text stops at left side

<marquee bgcolor=yellow>Text on yellow background</marquee> 

 Text on yellow background

<marquee scrollamount=10>Changes speed of text </marquee>

 Changes speed of text

<marquee direction=right><marquee >Alternating text</marquee> 

 Alternating text

Please note: <MARQUEE> only works in Internet Explorer and Mozilla Firefox 1.0

 

Creating tables

Tables are used to precisely align you information and help to make the page easier on the eye if they are used right. They are difficult to understand at first but if you keep practising you will soon work it out

To create a table you will need the following tags:
 

<table></table> identifies that a table is being created
<tr></tr> creates a row in a table
<td></td> creates a cell within a row
<th></th> creates a heading


A basic table

The following code will give you the most basic table as shown below:

<table border=2>
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>

 

row 1 cell 1

row 1 cell 2

row 2 cell 1

row 2 cell 2

 

Properties of the <table> tag

border=1

Sets the width of the surrounding box, use number 0 for no border

cellpadding=1

Sets the size of gap left around the data in each cell

cellspacing=1

Sets the gap between the cells

align=center

Used to align the table on the page (left/center/right)

bgcolor=blue

Fills the table border with a colour

bordercolor=blue

Sets the colour of the border

width=20%

Sets the table width to 20% of the screen size

height=20%

Sets the table height to 20% of the screen size

 

Change all values (colours and numbers) accordingly

<table border=2 bgcolor=blue>
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
</table>

 

row 1 cell 1

row 1 cell 2

<table border=2 bgcolor=blue bordercolor=blue>
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
</table>

 

row 1 cell 1

row 1 cell 2

<table border=0 background=http://www.onlineauctionhelp.co.uk/images/background.gif>
<tr>
<td><font color=red>row 1 cell 1</font></td>
<td><font color=red>row 1 cell 2</font></td>
</tr>
</table>

 

row 1 cell 1

row 1 cell 2

<table border=1 bgcolor=#99FF33 bordercolor=#99FF33 width=90% align=center>
<tr>
<td>
<font color=white>title</font>
</td>
</tr>
<tr>
<td bgcolor=white>main text here</td>
</tr>
</table>

 

title

main text here

 

 

Merging cells

At some point you may need to merge cells either horizontally or vertically.

The key to merging cells is to use the colspan and rowspan commands. Basically it indicates

<table border=1>
<tr>
<td colspan=3 width=90 height=30>1</td>
</tr>
<tr>
<td rowspan=2 width=30 height=60>2</td>
<td width=30 height=30>3</td>
<td width=30 height=30>4</td>
</tr>
<tr>
<td width=30 height=30>5</td>
<td>6</td>
</tr>
</table>

 

1

2

3

4

5

6

 

Back

 

  Buy you own domain name with excellent additional features

LEGAL INFO:  eBay® is a registered trademark of eBay®, Inc.  eBay®, Inc. is not associated with OnlineAuctionHelp in any way, nor is OnlineAuctionHelp
associated with eBay in any way. All concerns or questions about this website should be directed to this address, and not to eBay. All other trademarks are the property of their respective owners.  
Copyright © 2006 All Rights Reserved http://www.OnlineAuctionHelp.co.uk| No part of this website and its content may be reproduced.