Announcement

Collapse
No announcement yet.

How To Make an HTML List

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How To Make an HTML List

    In web design, there are 3 different types of lists which you may wish to add to your site.

    Ordered List
    The first is an <ol>: This is an ordered list of contents. For example:
    1. An item
    2. Another item
    3. Another goes here.

    Inside the <ol> tag we list each item on the list inside<li> </li>tags.

    For example

    Click image for larger version

Name:	12-a.PNG
Views:	5
Size:	6.2 KB
ID:	131



    Unordered List
    The second type of list that you may wish to include is an <ul> unordered list. This is better known as a bullet point list and contains no numbers.

    An example of this is:

    Click image for larger version

Name:	12-b.PNG
Views:	3
Size:	4.9 KB
ID:	132




    Definition List
    Finally, you may wish to include a definition list <dl> on your page. An example of a <dl> list is as follows:
    HTMLHypertext markup language is a programming language used to create web pages and is rendered by a web browser.

    The code used for the above is as follows:

    Click image for larger version

Name:	13.PNG
Views:	3
Size:	4.8 KB
ID:	133


    Letís try it out. Open index.html and on a new line, enter the following HTML:


    Click image for larger version

Name:	13-a.PNG
Views:	3
Size:	10.1 KB
ID:	134

    Now hit save and check out the results in your browser. If everything worked out then it will
    display a bullet-pointed table displaying the information above.





Working...
X