HTML
|
JavaScript
Alignment
Basics
Character Codes
Colors
CSS
DIVS
Forms
Frames
Links
Lists and Bullets
Meta Tags
Multimedia
Pictures
Spacing
Tables
Text
Bullet List
Definition List
Ordered List
Bullet List
266
Bullet List
Description
To put a list item in, you need to use the list tags, which are necessary for each item. The starting tag is <LI> and the closing tag is </LI>. The text between the tags is what is the list item. These <LI> tags go between the <UL> tags. Here is an example using the unordered list.
Code
<UL>
<LI> Get an idea </LI>
<LI> Create a web page </LI>
<LI> Advertise it </LI>
</UL>
Output
Get an idea
Create a web page
Advertise it
Practice
<UL> <LI> Get an idea </LI> <LI> Create a web page </LI> <LI> Advertise it </LI> </UL>
Bullet Shapes for List
Description
List type defines how the list items are labeled. The default type is bullets, but you are able to change this to circles and to squares.
The type tag looks like TYPE="list_type". This adds onto the <UL> tag so the final result looks like <UL TYPE="list_type">. The text list_type can be replaced by any of the following:
TYPE="disc" - Displays list items in bullets
TYPE="circle" - Displays list items in circles
TYPE="square" - Displays list items in squares
Code
<UL TYPE="square">
<LI> Get an idea </LI>
<LI> Create a web page </LI>
<LI> Advertise it </LI>
</UL>
Output
Get an idea
Create a web page
Advertise it
Practice
<UL TYPE="square"> <LI> Get an idea </LI> <LI> Create a web page </LI> <LI> Advertise it </LI> </UL>
Bullet Shapes for Item
Description
Item type defines how each individual list item is labeled. This is simalar to list type but allows you to select the type for each item, instead of the whole list.
The type tag looks like TYPE="list_type". This adds onto the <LI> tag so the final result looks like <LI TYPE="list_type">. The text list_type can be replaced by any of the following:
TYPE="disc" - Displays list items in bullets
TYPE="circle" - Displays list items in circles
TYPE="square" - Displays list items in squares
Code
<UL>
<LI TYPE="disc"> Get an idea </LI>
<LI TYPE="circle"> Create a web page </LI>
<LI TYPE="square"> Advertise it </LI>
</UL>
Output
Get an idea
Create a web page
Advertise it
Practice
<UL> <LI TYPE="disc"> Get an idea </LI> <LI TYPE="circle"> Create a web page </LI> <LI TYPE="square"> Advertise it </LI> </UL>
Advertisements