Jump To Content

Add lists and tables to your lessons

If you’re in Pro Editor, you can use the following HTML codes to spiffy up your lesson! To check out more cool stuff you can add to your lessons, click here.



Make a bulleted list
Here’s how to do it:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

The <ul> stands for “unordered list”. It’ll look like this:

  • Item 1
  • Item 2
  • Item 3

Make a numbered list
To make an ordered list, replace the opening and closing <ul> tags above with <ol>. For example:

<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

It will look like this:

  1. Item 1
  2. Item 2
  3. Item 3



Create a simple table
Tables are more complicated than the HTML we’ve previously covered, but once you experiment a little, I’m sure you’ll get the hang of it. You can add text or images in these tables.

Make sure that when you open a tag, you close it, too.

Here’s a code for a two-column, two-row table.

<table>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr><tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>


Notice how we open and close the <table> tag at the beginning and the end. <tr> opens a new column. <td> creates a new row.

Here’s what it looks like:

Cell 1Cell 2
Cell 3Cell 4

Again, I must repeated: Make sure you close all tags. By “close”, I mean the tags with the slashes in them – </td>, </tr> and </table>. If not, you could screw up the entire look of your page – and you definitely don’t want that! I recommend NOT using tables unless you absolutely have to.

  • Your comment will be modifiable for 10 minutes after posted.

Page Author

Avatar
lucyinthesky
Name
lucyinthesky

From Here You Can…

Information

Most Recent Related Content

Published In…

This work is public domain.