HTML List

 

HTML Lists

HTML lists are used to display related information in an easy-to-read and concise way as lists.

Three types of HTML lists

We can use three types of lists to represent different types of data in HTML:

  1. Unordered List <ul>
  2. Ordered List <ol>
  3. Description List <dl>

Unordered List

    The unordered list is used to represent data in a list for which the order of items does not matter.

    In HTML, we use the <ul> tag to create unordered lists. Each item of the list must be a <li> tag which represents list items. For example,

    <ul>
  <li>Apple</li>
  <li>Orange</li>
  <li>Mango</li>
</ul>

    Browser Output

    An HTML unordered list example

    Here, <li>Apple</li>, <li>Orange</li>, and <li>Mango</li> are the list items.

    Ordered List

      The ordered list is used to represent data in a list for which the order of items has significance.

      The <ol> tag is used to create ordered lists. Similar to unordered lists, each item in the ordered list must be a <li> tag. For example,

      <ol>
  <li>Ready</li>
  <li>Set</li>
  <li>Go</li>
</ol>

      Browser Output

      An HTML ordered list example

      Here, you can see list items are represented with numbers to represent a certain order.

      Description List

      The HTML description list is used to represent data in the name-value form. We use the <dl> tag to create a definition list and each item of the description list has two elements:

      • term/title - represented by the <dt> tag
      • description of the term - represented by the <dd> tag

      Let's see an example,

      <dl>
  <dt>HTML</dt>
  <dd>Hyper-Text Markup Language</dd>
  <dt>CSS</dt>
  <dd>Cascading StyleSheets</dd>
  <dt>JS</dt>
  <dd>Javascript</dd>
</dl>

      Browser Output

      An HTML description list example

      Since the description list includes the definition of a term, it is also known as the definition list.

      Tags used in HTML lists

      TagExplanation
      <ol>Defines an ordered list.
      <ul>Defines an unordered list.
      <dl>Defines a description list.
      <li>Defines a list item in ordered or unordered lists.
      <dt>Defines a term in description list.
      <dd>Defines the description of a term in the description list.

      Comments

      Post a Comment

      Popular posts from this blog

      Introduction to Computer

      Image
      Computers are electronic devices that are designed to process, store, and retrieve data. They are used for a wide variety of purposes, from personal computing to complex scientific simulations and industrial automation. A computer consists of various hardware components, including a central processing unit (CPU), memory, storage devices, input/output (I/O) devices such as keyboards, mice, and displays, and various other peripherals. Computers communicate with each other over networks, which are interconnected groups of computers that share resources and information. The internet is a global network that connects millions of computers around the world and enables communication and information sharing on an unprecedented scale. The field of computer science is concerned with the study of computers and computational systems, including their design, development, and application. It encompasses many subfields, including artificial intelligence, computer graphics, databases, programming lang...
      Read more

      History of Computer

      Image
        History of Computer Topics  Definition of computer  Earliest computer  Computer History  Computer Generations Definition of Computer  Computer is a programmable machine.  Computer is a machine that manipulates data according to a list of instructions.  Computer is any device which aids humans in performing various kinds of computations or calculations.  Definition of Computer Three principles characteristic of computer:  It responds to a specific set of instructions in a well-defined manner.  It can execute a pre-recorded list of instructions.  It can quickly store and retrieve large amounts of data.  Earliest Computer  Originally calculations were computed by humans, whose job title was computers.  These human computers were typically engaged in the calculation of a mathematical expression.  The calculations of this period were specialized and expensive, requiring years of training in mathematics.  T...
      Read more

      Computer Generation

      Image
       There are five generations of computer:  First generation– 1946 - 1958  Second generation– 1959 - 1964  Third generation– 1965 - 1970  Fourth generation– 1971 - today  Fifth generation– Today to future The First Generation   The first computers used vacuum tubes for circuitry and magnetic drums for memory, and were often enormous, taking up entire rooms.  They were very expensive to operate and in addition to using a great deal of electricity, generated a lot of heat, which was often the cause of malfunctions. The Second Generation   Transistors replaced vacuum tubes and ushered in the second generation of computers.  One transistor replaced the equivalent of 40 vacuum tubes.    Allowing computers to become smaller, faster, cheaper, more energy-efficient and more reliable.  Still generated a great deal of heat that can damage the computer. The Third Generation  The development of the integrated circuit was ...
      Read more