HTML List is most like elements and tags in HTML, the list is more important for a making drop-down the menu in websites or like List about categories, and as like some menu.
The basic thing that means it's used for menu and categories in HTML you can read my articles
HTML basic elements and tags,
HTML Formatting Tags in HTML.
each other and easy to read. In the modern web, development lists are workhorse elements, frequently
used for navigation as well as general content.
HTML basic elements and tags,
HTML Formatting Tags in HTML.
What is List in Html?
Lists are used to group related pieces of information together, so they are clearly associated witheach other and easy to read. In the modern web, development lists are workhorse elements, frequently
used for navigation as well as general content.
Types of the list in Html
HTML gives you three different types of lists.
1. <ul> - An unordered list. This will list items using bullets.
2. <ol> - A ordered list. This will use different schemes of numbers to list your items.
3. <dl> - A definition list. This will arrange your items in the same way as they are arranged in a dictionary.
Each item in the list is marked with a bullet.
The bullet itself comes in three flavors:
Output:
Html
HyperText Markup Language.
XHTML
Extensible HyperText Mark Up Language.
2. <ol> - A ordered list. This will use different schemes of numbers to list your items.
3. <dl> - A definition list. This will arrange your items in the same way as they are arranged in a dictionary.
1.HTML Unordered Lists:(UL)
An unordered list is a collection of related items that have no special order or sequence. This list is created by using the <ul> tag.Each item in the list is marked with a bullet.
The bullet itself comes in three flavors:
- squares,
- discs,
- circles.
The default bullet displayed by most web browsers is the traditional full disc.
Example:
<ul type= “disc” >
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>
Instead of generic numbers, you can replace them with Roman numerals or letters, both capital and lower-case. Use the type attribute to change the numbering.
Start attribute is used for the starting number as desired.
Example:
<ul type= “disc” >
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>
2.HTML Ordered Lists:(OL)
There are 4 other types of ordered lists in Html.
Instead of generic numbers, you can replace them with Roman numerals or letters, both capital and lower-case. Use the type attribute to change the numbering.
Start attribute is used for the starting number as desired.
Example:
<ol type= “a” start="50" >
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ol>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ol>
3.Definition Term Lists (DL)
Make definition lists as seen in dictionaries using the <dl> tag.
These lists displace the term word just above the definition itself for a unique look.
It's wise to bold the terms to displace them further.
<dl> - defines the start of the list
<dt> - definition term
<dd> - defining definition
Example:
<dl> - defines the start of the list
<dt> - definition term
<dd> - defining definition
<dl>
<dt>
<b>Html</b>
</dt>
<dd>HyperText Mark Up Language</dd>
<dt>
<b>Xhtml</b>
</dt>
<dd>Xtensibile HyperText Mark Up Language </dd>
</dl>
Output:
Html
HyperText Markup Language.
XHTML
Extensible HyperText Mark Up Language.
Comments In HTML
A comment is a way for you as the web page developer to control what lines of code are to be ignored by the web browser.
Placing notes and reminders to yourself is a great way to remind yourself what pieces of code are doing what.
Syntax for commenting
<!--
A comment is a way for you as the web page developer to control what lines of code are to be ignored by the web browser.
Placing notes and reminders to yourself is a great way to remind yourself what pieces of code are doing what.
Syntax for commenting
<!--
Code Successfully Commented
-->
-->
COMMENTS