Posts

Showing posts with the label list

How to create Nested List in HTML

Image
Nested List HTML provides a way to create a list inside another list . That is called nesting of lists. In this we can use <ul> tag inside <ol> tag and vice-versa. Using this we can create multiple lists inside one list.

How to create description list in HTML

Image
HTML Description List In previous tutorials you learnt about Ordered and Unordered List. There is one more type of list in HTML i.e. description list. In this list, we have three tags <dl> (description list), <dt> (description term) and  <dd> (description data) tag.  Description list starts with the <dl> tag. It defines description list.  Inside <dl> tag, <dt> tag is used which is used to define the term which we want to describe in our list. After this, <dd> tag is used to define the description or definition of the following term inside the <dl> tag.

How to create an unordered list in HTML ?

Image
HTML Unordered Lists An unordered list is a list in which the order of the list items does not matter. If you change the order of items that would not change information you want to convey to user. In this tutorial you will learn about creation of unordered list in html Unordered List <ul> tag is used to create Unordered List in HTML. In unordered list, list items identified by some symbols or bullets. This is also known as bulleted list. Unordered list start with <ul> tag and closed with </ul> tag. <li> tags are used to add list items to our list. Syntax: <ul>   <li>HTML</li>   <li>CSS</li>   <li>SQL</li> </ul> Output: HTML CSS SQL Unordered list - attributes type - this attribute is used with <ul> tag to specify the type of bullet you like. By default, it is a disc. It can take following three values : disc circle square. By default, its value is disk . Output with circle: HTML CSS SQL Outpu...

How to create ordered list in HTML

Image
HTML List When we want to use a list on a website, HTML provides three different types to choose from: unordered, ordered, and description lists. In this tutorial, you will learn how to create ordered list in HTML. Ordered List Ordered list start with <ol> tag. < li> tag to add list items to ordered or unordered list. By default, list items are marked with numbers. Syntax <ol> <li> first </li> <li> second </li> <li> third </li> </ol> Output will be: first second third Ordered list have three attributes: type, start and reversed Start Attribute The start attribute defines the number from which an ordered list should start. By default, ordered lists start at 1. However, there may be cases where a list should start from another number. When we use the start attribute on the <ol> element, we can identify exactly which number an ordered list should begin counting from. <ol start= 11 > <li> first </li...