HTML : LI OL UL TR TD Colspan Rowspan Cellpadding cellspacing

LI: To display the list items on the web page.

OL: Order List: To display the numeric index alphabetic, roman letters in front of the  list items.

UL: Unordered list: To place circles, square and bullet symbols in front of the list items.

*Type is  an attribute to specify the types of index what we want to display in front of the list items.

Sample Script:

<ol type="A">
<li>HTML Notes</li>
<li>JavaScript Notes</li>
<li>PHP Notes</li>

Save this file with .html extension.

Sample Script:

Wikipedia Concept

<a href="#con1">k</a>
<br>
<a href="#con2">kk</a>
<br>
<a href="#">Advantages</a>
<h1 id="con1">k</h1> Past Content Here
<h1 id="con2">kk</h1>Past Content Here

Save this file with .html extension.

Tables: By using this tag we can align the contents on the web pages. We can get the exact output what we want by using Tables. If you design the web page using tables, the alignment will not disturb.

Tr: Table Row: By using this tag we can place the rows in a table.

Td: By using this tag we can display the cells in the tables to place the content.

Colspan: By using this property we can merge the columns.

Rowspan: By using this property we can merge the rows.

Sample Script:

<table border="0" bgcolor="green" align="left">
<tr><td>HTML Notes</td><td><input type="text"></td></tr>
<tr><td>PHP Notes</td><td><input type="text"></td></tr>
<tr><td align="right" colspan="2"><button>Java Script</button></td></tr>
</table>

Cellpadding: The space between content of cells and border of the cells.

Cellspacing: The space between one cell and another cell.

Sample Script:

<table border="2" cellpadding="30" cellspacing="25">
<tr><td>100</td><td>200</td></tr>
<tr><td>100</td><td>200</td></tr>
</table>

Design Of Registration Form :

Sample Script:

<table bgcolor="skyblue" width="100%" border="0">
<tr><td align="center" style='color:red"; font-size:30' colspan="2">Registration Form</td></tr>
<tr><td align="right" width="250">HTML Notes</td><td><input type="text"></td></tr>
<tr><td align="right" width="250" valign="top">PHP Notes</td><td><textarea rows="5"></textarea>
</td>
</tr>
</table>