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
[notify admin to delete page]
266
Bullet List
Delete Section
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.
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>
<UL> <LI> Get an idea </LI> <LI> Create a web page </LI> <LI> Advertise it </LI> </UL>
Output
<UL> <LI> Get an idea </LI> <LI> Create a web page </LI> <LI> Advertise it </LI> </UL>
<UL> <LI> Get an idea </LI> <LI> Create a web page </LI> <LI> Advertise it </LI> </UL>
Practice
Cannot Edit - Code section automatically placed here.
Bullet Shapes for List
Delete Section
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
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>
<UL TYPE="square"> <LI> Get an idea </LI> <LI> Create a web page </LI> <LI> Advertise it </LI> </UL>
Output
<UL TYPE="square"> <LI> Get an idea </LI> <LI> Create a web page </LI> <LI> Advertise it </LI> </UL>
<UL TYPE="square"> <LI> Get an idea </LI> <LI> Create a web page </LI> <LI> Advertise it </LI> </UL>
Practice
Cannot Edit - Code section automatically placed here.
Bullet Shapes for Item
Delete Section
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
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>
<UL> <LI TYPE="disc"> Get an idea </LI> <LI TYPE="circle"> Create a web page </LI> <LI TYPE="square"> Advertise it </LI> </UL>
Output
<UL> <LI TYPE="disc"> Get an idea </LI> <LI TYPE="circle"> Create a web page </LI> <LI TYPE="square"> Advertise it </LI> </UL>
<UL> <LI TYPE="disc"> Get an idea </LI> <LI TYPE="circle"> Create a web page </LI> <LI TYPE="square"> Advertise it </LI> </UL>
Practice
Cannot Edit - Code section automatically placed here.
Click to add Section
Advertisements
