How to Define a List Item in HTML

Posted by Anonymous , 9/5/2007 Tags:DefineListItemHTML

Story Highlights

Introduction List items are the individual lines making up HTML lists. They are defined with the

Adjust font size:
Desrease font
Enlarge font

Introduction

List items are the individual lines making up HTML lists. They are defined with the <code><LI></code> element.

Instructions

Difficulty: Easy

Define a List Item

Steps

1

Step One

Find or insert a <code>UL</code> or <code>OL</code> element in your HTML page to hold the list items you will define. <code>UL</code> is for unordered (bulleted) lists, while <code>OL</code> is for ordered (numbered) lists.
2

Step Two

Within the list element (between the opening <code><UL></code> and closing <code></UL></code>, add list items using the code below: <br/><code><LI>This is the list item</LI></code>
3

Step Three

Add any additional HTML formatting you want, such as <code><B>...</B></code> for bold, within the list item.
4

Step Four

Apply CSS properties such as <code>list-style</code>, or attributes such as <code>TYPE</code> to change the type of bullet used for unordered lists.

Overall Tips & Warnings

  • Any HTML element can be made into a list item by giving the CSS property <code>display</code> a value of <code>list-item</code>.

Overall Things You'll Need

  • Plain text editor
Comments
Tools: |