-
HTML Choosing Editors
-
HTML Basic Structure
-
HTML Head
-
HTML Element
-
HTML Attribute
-
HTML Headings
-
HTML Paragraphs
-
HTML Style
-
HTML Formatting
-
HTML Colors
-
HTML CSS
-
HTML Comments
-
HTML Links
-
HTML Images
-
HTML Table
-
HTML List
-
HTML Block and Inline
-
HTML Class & Id
-
HTML iFrames
-
HTML JavaScript
-
HTML File Paths
-
HTML Layout
-
HTML Responsive
-
HTML Style Guide
-
HTML Forms
HTML Lists
HTML lists are used to organize and present information in a structured format on web pages. There are three main types of HTML lists: unordered lists, ordered lists, and definition lists. Each type of list serves a specific purpose and is created using different HTML elements and attributes.
Unordered Lists (<ul>):
Unordered lists are used to create bulleted lists where the order of items does not matter. Each list item is typically preceded by a bullet point or another symbol. The <ul> element is used to define an unordered list, and each list item is represented by the <li> (list item) element.
Example of an unordered list:
Ordered Lists (<ol>):
Ordered lists are used to create numbered lists where the order of items is important. Each list item is automatically numbered in ascending order. The <ol> element is used to define an ordered list, and like unordered lists, each list item is represented by the <li> element.
Definition Lists (<dl>):
Definition lists are used to create lists of terms and their corresponding definitions or descriptions. A definition list consists of a series of term-definition pairs. The <dl> element is used to define a definition list, the <dt> (definition term) element is used for terms, and the <dd> (definition description) element is used for descriptions.
Example of a definition list:
Nesting Lists:
HTML allows you to nest lists within other lists to create more complex structures. For example, you can have an ordered list with nested unordered lists or vice versa.
Attributes:
HTML list elements may also have attributes for additional styling and functionality. Common attributes include type (for specifying the list item marker type), start (for specifying the starting number for ordered lists), and reverse (for reversing the numbering order of ordered lists).
<ol type=”A” start=”3″>
<li>Item A</li>
<li>Item B</li>
</ol>
HTML lists are versatile and widely used for structuring content, creating navigation menus, and presenting information in a clear and organized manner on web pages. They are an essential part of web development.
YouTube Reference :
HTML Tutorial: Lists and Tables | Web Development Tutorials #7
