Some cookies are necessary to make this site and our content available to you. Other Cookies enable us to analyse and measure audience and traffic to the site. Cookies are also used by us, advertisers, ad-tech providers and others to develop and serve ads that are more relevant to your interests. To consent to the use of Cookies and proceed to the site, click Accept below. If you wish to withdraw consent later you will find a link in the footer Cookie Choices. For more information: Privacy Policy.

Lesson 3 - More Advanced Text

Once you are comfortable with using simple tags, such as bold and underline, you can move on to other things that will make your text more interesting. Here you will learn how to add bullet points, make numbered lists, and insert a horizontal line.

Bullet Points:
Bullet points are slightly more complicated. In HTML, bullet points are called 'unordered lists,' or 'ul,' for short. To start bullet points, you need to type <ul>.
If you want each bullet point to appear on a new line, you should type <li> before each one.
When you have finished all your bullet points, type </ul>

The code should look like this:

<ul>
<li>bullet one
<li>bullet two
<li>bullet three
</ul>

This is what would actually be displayed on your webpage:

  • bullet one
  • bullet two
  • bullet three

Numbered Lists:
Creating a numbered list uses the same principle as creating bullet points, except that you use 'ordered list', or '<ol>' instead of <ul>. The code for an ordered list would look like this:

<ol>
<li>point one
<li>point two
<li>point three
</ol>

This is what would actually be displayed on your webpage:

  1. point one
  2. point two
  3. point three
For horizontal lines, please go to the next lesson...