|
|
| HTML Discuss about HTML designing problems here or help others with their HTML designing issues. |

01-30-2010, 10:22 AM
|
|
Senior Member
|
|
Join Date: Dec 2009
Posts: 110
|
|
What are HTML Lists
What are HTML Lists, please share me the HTML List, Thanks for sharing.
|

05-06-2010, 11:37 AM
|
|
Junior Member
|
|
Join Date: Apr 2010
Posts: 20
|
|
|
There are mainly three types of lists in HTML ordered list, unordered list and Definition Lists.
An unordered list is a list of items. The list items are marked with bullets (typically small black circles). An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
An ordered list is also a list of items. The list items are marked with numbers.
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
A definition list is not a list of single items. It is a list of items (terms), with a description of each item (term). A definition list starts with a <dl> tag (definition list).
|

05-08-2010, 08:19 AM
|
|
Junior Member
|
|
Join Date: Apr 2010
Posts: 20
|
|
|
HTML list...
The Ordered Lists help us keep an organized inventory wherein the list items are ranked while in Unordered lists, the classification is not important and the list items do not occur in any assorted order.
HTML provides us with 5 different kinds of lists out of which 3 are routinely used. These lists are block-formatting elements that define a block structure and help in a logical layout of the document. The five lists are:
• <OL> - </OL>: Ordered List
• <UL> - </UL>: Unordered List
• <DL> - </DL>: Definition List
• <MENU> - </MENU>: Menu List (sparsely used)
• <DIR> - </DIR>: Directory List (sparsely use)
HTML Ordered List
If the ranking of items is desired, we employ ordered lists. To place individual list items, you use the <LI> tag as
<OL>
<LI>Item One
<LI>Item Two
<LI>Item Three
<LI>Item Four
</OL>
The code above is displayed by the browser as
1. Item One
2. Item Two
3. Item Three
4. Item Four
You would have noticed that the list items show some indentation on the left and some space is inserted before and after the list. This makes the reading of the list easy and helps it to stand out from the other text. An ending tag for a list item </LI> is not required.
Numbers are the default bullets in ordered lists but you can change this using the TYPE attribute of <OL> tag.
This attribute takes one of the five values:
• TYPE="a": Lowercase alphabet
• TYPE="A": Uppercase Alphabet
• TYPE="i": Lowercase Roman Numerals
• TYPE="I": Uppercase Roman Numerals
• TYPE="1": Regular number (default)
<OL TYPE="A">
<LI>Item One
<LI>Item Two
<LI>Item Three
</OL>
Is displayed as
A. Item One
B. Item Two
C. Item Three
Another attribute is COMPACT (without any value) but is generally ignored by the browsers.
HTML Unordered List
<UL> - </UL> are the starting and ending tags of Unordered lists. List items are included using the <LI> tag.
Unordered lists also support the TYPE attribute that takes disc, circle or square as its value.
<UL>
<LI>Item One
<LI>Item Two
<LI>Item Three
<LI>Item Four
</UL>
Is displayed as
• Item One
• Item Two
• Item Three
• Item Four
Using TYPE="square" on the list above will result in
Item One
Item Two
Item Three
Item Four
HTML Definition List
These lists are great for making glossaries. As you know, a glossary consists of a term and a definition. For HTML Definition lists, which are enclosed between <DL> and </DL>, you have to use <DT> to indicate the Term and
<DD> to denote the definition.
<DL>
<DT>webdevelopersnotes.com
<DD>A great place to learn web development.
<DT>fontmagic.com
<DD>One of the largest font sites on the Internet.
</DL>
will be shown by the browser as:
webdevelopersnotes.com
A great place to learn web development.
fontmagic.com
One of the largest font sites on the Internet.
Note that the definitions are indented.
|

05-11-2010, 08:47 AM
|
|
Junior Member
|
|
Join Date: May 2010
Posts: 20
|
|
|
There are three various kinds of lists. A <ol> tag starts ordered list, <ul> for unordered lists, and <dl> for definition lists. Use the type and start attributes to manage lists.
• <ul> - unordered list; bullets
• <ol> - ordered list; numbers
• <dl> - definition list; dictionary
|

05-14-2010, 09:22 AM
|
|
Junior Member
|
|
Join Date: May 2010
Location: UK
Posts: 1
|
|
|
HTML supports ordered, unordered and definition lists.
Unordered Lists :
An unordered list is a list of items. The list items are marked with bullets (typically small black circles).
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Ordered Lists :
An ordered list is also a list of items. The list items are marked with numbers.
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Definition Lists :
A definition list is not a list of single items. It is a list of items (terms), with a description of each item (term).
A definition list starts with a <dl> tag (definition list).
Each term starts with a <dt> tag (definition term).
Each description starts with a <dd> tag (definition description).
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
|

05-15-2010, 05:36 AM
|
|
Junior Member
|
|
Join Date: May 2010
Posts: 17
|
|
|
There are three types of list present in the HTML. First is ordered list , then unordered list and lat is defination list. Ordered list use <ol> tag, unordered list use <ul> tag, and defination list use <dl> tag.
|

05-15-2010, 01:13 PM
|
|
Senior Member
|
|
Join Date: May 2010
Posts: 408
|
|
|
Good information has been shared.I 'm glad you asked that question
|

05-18-2010, 05:24 AM
|
|
Junior Member
|
|
Join Date: May 2010
Posts: 17
|
|
|
HTML supports ordered, unordered and definition lists.
Unordered Lists
An unordered list is a list of items. The list items are marked with bullets (typically small black circles). An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Here is how it looks in a browser:
• Coffee
• Milk
Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.
Ordered Lists
An ordered list is also a list of items. The list items are marked with numbers. An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Here is how it looks in a browser:
1. Coffee
2. Milk
Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.
Definition Lists
A definition list is not a list of single items. It is a list of items (terms), with a description of each item (term). A definition list starts with a <dl> tag (definition list). Each term starts with a <dt> tag (definition term). Each description starts with a <dd> tag (definition description).
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Here is how it looks in a browser:
Coffee
Black hot drink
Milk
White cold drink
Inside the <dd> tag you can put paragraphs, line breaks, images, links, other lists, etc.
|

05-21-2010, 07:48 AM
|
|
Junior Member
|
|
Join Date: Apr 2010
Posts: 17
|
|
|
There are only three types of list present in the HTML first is ordered list, second is unordered list and the third one is defination list. For ordered list we use <ol> tag. <ul> and <dl> tags can be used for the unordered list and defination list respectively.
|

05-24-2010, 06:18 AM
|
|
Member
|
|
Join Date: May 2010
Posts: 31
|
|
|
Ordered list, Unordered list and defination list are three types of list present in the HTML. As ordered list has tag as <ol> </ol>. The unordered list has tags as <ul></ul>. And defination list has tag as <dl></dl>.
|

07-02-2010, 05:54 AM
|
|
Junior Member
|
|
Join Date: Jun 2010
Posts: 22
|
|
|
Here are the three different kinds of HTML lists. They are- <ul> - unordered list; bullets, <ol> - ordered list; numbers and <dl> - definition list; dictionary.
|

08-06-2010, 01:47 PM
|
|
Junior Member
|
|
Join Date: Aug 2010
Posts: 2
|
|
|
Hear you can give the good information about HTML. If we want to add JavaScript with HTML, what we want to write.
|

10-07-2010, 07:23 AM
|
|
Junior Member
|
|
Join Date: Sep 2010
Posts: 16
|
|
|
There are three types of List available in the HTML. First one is ordered list, second one is unordered list and third one is definition list. information about these list you can get best tutorial in the net...
Last edited by shannonpaul2 : 10-07-2010 at 09:52 AM.
|

10-27-2010, 02:28 PM
|
 |
Member
|
|
Join Date: Jun 2009
Location: Manila
Posts: 43
|
|
|
There are 3 HTML codes for Lists:
Ordered List:
<ol> - </ol>
ex.
<ol>
<li> S
<li> Q
<li> U
<li> A
<li> D
<li> H
<li> E
<li> L
<li> P
</OL>
this will show as
1. S
2. Q
3. U
4. A
5. D
6. H
7. E
8. L
9. P
Unordered List:
<ul> - </ul>
Ex.
<ul>
<li> H
<li> P
<li> E
<li> D
<li> A
<li> S
<li> Q
<li> L
<li> U
</ul>
will be shown as:
• H
• P
• E
• D
• A
• S
• Q
• L
• U
Definition List:
<dl> - </dl>
ex.
<dl>
<dt>SQUADHELP</dt>
<dd>- A collaborative platform that uses an innovative concept to help online business owners achieve their naming, branding and marketing needs by running contests with a large community of experts. Start a contest and receive 200+ name suggestions in less than 3 days. Also a good resource to run viral marketing, SEO and Website testing contests.</dd>
</dl>
the html code above will appear like this:
SQUADHELP
- A collaborative platform that uses an innovative concept to help online business owners achieve their naming, branding and marketing needs by running contests with a large community of experts. Start a contest and receive 200+ name suggestions in less than 3 days. Also a good resource to run viral marketing, SEO and Website testing contests.
|

11-04-2010, 11:00 AM
|
|
Member
|
|
Join Date: Nov 2010
Posts: 85
|
|
|
HTML offers authors several mechanisms for specifying lists of information. All lists must contain one or more list elements. Lists may contain:
* Unordered information.
* Ordered information.
* Definitions.
The previous list, for example, is an unordered list, created with the UL element:
<UL>
<LI>Unordered information.
<LI>Ordered information.
<LI>Definitions.
</UL>
|

11-11-2010, 07:16 PM
|
|
Junior Member
|
|
Join Date: Nov 2010
Posts: 15
|
|
|
If you need more info go to W3 Schools website.
|

01-03-2011, 12:06 PM
|
|
Senior Member
|
|
Join Date: Sep 2010
Posts: 138
|
|
Quote:
Originally Posted by Jack_smith
HTML supports ordered, unordered and definition lists.
Unordered Lists :
An unordered list is a list of items. The list items are marked with bullets (typically small black circles).
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Ordered Lists :
An ordered list is also a list of items. The list items are marked with numbers.
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Definition Lists :
A definition list is not a list of single items. It is a list of items (terms), with a description of each item (term).
A definition list starts with a <dl> tag (definition list).
Each term starts with a <dt> tag (definition term).
Each description starts with a <dd> tag (definition description).
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
|
Great information of HTML list thanks for share !
|

01-19-2011, 11:48 AM
|
|
Junior Member
|
|
Join Date: Sep 2009
Posts: 4
|
|
HTML lists
Hello kris.,HTML is a Hyper Text Marqup Language.HTML there are several list. that is Ordered information,unordered information,and definitions.Unordered lists (UL), ordered lists (OL), and list items (LI),Definition lists: the DL, DT, and DD elements,Visual rendering of lists and the DIR and MENU elements.
|

03-19-2011, 01:18 AM
|
|
Banned
|
|
Join Date: Mar 2011
Posts: 9
|
|
|
There are quite a lot of HTML codes for several different types of styles like there are different coding for underline, bold, and bulletin content on web page.
|

04-06-2011, 12:58 AM
|
|
Junior Member
|
|
Join Date: Mar 2011
Posts: 17
|
|
|
There are numerous HTML codes for diverse kinds of style such as various coding for bulletin, bold and underline content on webpage.
|
| Thread Tools |
|
|
| Display Modes |
Linear Mode
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
All times are GMT +1. The time now is 12:59 PM.
|