Learn HTML Codes 2

Ordered and unordered lists can be a lot of fun. I really don't like the options we have in Wordpress and SiteContent to set up lists. It is very difficult to get the lists to look the way you want.

I would suggest going ahead and making your list through Sitecontent or Wordpress first, then adjust the HTML in the backend.

For instance this is a list here:

Tables
Lists
Forms

Now What if you want a second layer. A list inside of a list?

SiteContent gives us indent and outdent to move our lists around. You can make layers of lists.

Table

Oak Table (Indent)

Table

Oak Table (indent)

Oak Table (outdented)

I wanted to give you an idea of what we are working on in HTML so that you can visualize what you are going. What if you are working on your site and having issues with your List. Something wouldn't count with the right number or move where it should.

You can go to the text tab of your page and look for your list.

Basic code of lists

<ul> is unordered list

<ol> is an ordered list

Unordered List

We are going to work on unordered lists first.

Our first Unordered list looks like this:

<ul>

<li>Oak Table </li>

<li>Pine Table </li>

</ul>

This i s how it will look:

If we use the style attribute, you can use a circle or a box. Depending on which one you choose. Here is an example of the one with the box:

<li>Oak Table</li>

<li>Pine Table</li>

<li>Teak Table</li>
</ul>

You will get this:

I wanted to give you the basics of the Lists so that if you are having issues, you may be able to fix them. Now you know what to look for in TEXT view of the site.

The difference between the Visual view and Text view is that the Visual view is how the page would look out on the web. The text view is the back side of the page where the code can be written. Always remember, if your going change some code, you go to the Text view.