7. Lists and Tables : HTML

Lists and Tables

 

In this exercise, we will work on the ideas of Lists and Tables in HTML. 

  

1. Lists :-

 

The lists are primarily of two types-

• Ordered lists (ol)

<ol>

          <li>This is the item of my ordered list</li>

</ol>

• Unordered lists (ul)

<ul>
          <li>This is the item if my unordered list</li>
</ul>

The interval between an ordered and an unordered list is that the ordered list represents the list in this arrangement -

1.

2.

3.

….

 

On the other hand, the unordered lists represent the list in the following arrangement

• .

• .

• .

….

 

Both the lists have longer than one property which we can write using the type command. For example, if we address:

• <ol type= “I”>

Then we will get the lists as I, II, III, and so on. In the same format, we can also get the lists as A, B, C, and so on.

This refers to unordered lists also. If we address:

 

• <ul type= “square”>

Then we will get a bulleted square rather than a circle. There are various other open sources from which you can see all the properties.

 

HTML also provides the nesting of lists. It simply suggests we can attach a list to a different list.

 

2. Table :-

 

The main part is the table tag, and it consists of two parts: the table head and the table body. The <thead> consists of the main head of the table and <tbody> consists of the body of the table. 

<tr> is used to explain that it is the role of a row. Inside the <tr> tag, we give the headings of a row under the <th> tag.

 

In a table, there are for the most part two things to recollect, the head and the body of a table. To add more lines to the table, we can add a <tr> tag and add quite a few lines to a table.