Text layout defines the general layout of text.
<br> Use this tag to force a new line without a blank line between them.
This line will appear<br>as two in the browser. This line will appear
as two in the browser
 
<p>
</p>		 Paragraphs force a new line and adds a blank line between the two.
This line will appear as two in the browser<p>and have a blank line between them. This line will appear as two in the browser

and have a blank line between them.
 This tag is actually a paired tag.
 
<ol>
</ol>		 This creates an ordered (numbered) list of items. Each item in the list is enclosed between the <li></li> tags.
<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>
  1. Red
  2. Green
  3. Blue
 
<ul>
</ul>		 This creates an unordered (bulleted) list of items. Each item in the list is enclosed between the <li></li> tags.
<ul>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ul>
  • Red
  • Green
  • Blue
 
<table>
</table>		 You can control general placement of text (and multimedia) by using tables.

A table contains one or more rows. Each row is enclosed by <tr> and </tr>. The closing tag is not required, but is recommended.

Each row contains one or more columns. Each column is enclosed by either <th></th> or  <td></td>.

It is very important that the number of columns are equal in every row of the table. Otherwise, you will get odd effects. 

All tags take attributes to further define appearance. We will not go into them here, but you should be able to find a good HTML reference on the web.

A small multiplication table:
<table border='1' cellpadding='5' cellspacing='0'>
<tr>
<th bgcolor='#C0C0C0'>x</th>
<th bgcolor='#C0C0C0'>1</th>
<th bgcolor='#C0C0C0'>2</th>
</tr>
<tr>
<th bgcolor='#C0C0C0'>1</th>
<td>1</td>
<td>2</td>
</tr>
<tr>
<th bgcolor='#C0C0C0'>2</th>
<td>2</td>
<td>4</td>
</tr>
</table>
x 1 2
1 1 2
2 2 4