WikiGalaxy
HTML Lists
Unordered Lists:
Unordered lists use bullet points to display list items. They are created using the <ul> tag.
<ul>
<li>Apples</li>
<li>Oranges</li>
<li>Bananas</li>
</ul>
Ordered Lists:
Ordered lists display list items in a numbered format, using the <ol> tag.
<ol>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>
Nested Lists:
Lists can be nested inside each other to create sub-lists.
<ul>
<li>Fruits
<ul>
<li>Apples</li>
<li>Oranges</li>
</ul>
</li>
<li>Vegetables</li>
</ul>
Description Lists:
Description lists are used for defining terms and descriptions, using <dl>, <dt>, and <dd> tags.
<dl>
<dt>HTML</dt>
<dd>Hypertext Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>
Custom Bullet Points:
You can customize bullet points using CSS.
<ul style="list-style-type: square;">
<li>Square Bullet</li>
<li>Another Item</li>
</ul>
Styling Ordered Lists:
Ordered lists can also be styled using CSS properties.
<ol style="list-style-type: upper-roman;">
<li>Item I</li>
<li>Item II</li>
</ol>
Inline Lists:
Lists can be displayed inline using CSS.
<ul style="display: inline;">
<li style="display: inline;">Item 1</li>
<li style="display: inline;">Item 2</li>
</ul>
Reversed Ordered Lists:
Ordered lists can be reversed using the reversed attribute.
<ol reversed>
<li>Third Item</li>
<li>Second Item</li>
<li>First Item</li>
</ol>
Start Attribute in Ordered Lists:
The start attribute specifies the start value of an ordered list.
<ol start="5">
<li>Item Five</li>
<li>Item Six</li>
</ol>
|
|
|
| ||||
|---|---|---|---|---|---|---|---|
| <ol> | <ul> | <dl> | ||||
| <li> | <li> | <dt> or <dd> | ||||
| Yes | No | No Specific Order | ||||
|
|
|
| ||||
HTML lists are versatile tools for organizing content on web pages. Understanding their structure and attributes helps create structured, user-friendly content. Whether you need a sequence, unordered grouping, or definitions, there's an HTML list to suit your needs.
