Chapter -4 List and Table in Html

Summary
1.There are three basic types of HTML lists. These types are unordered list, ordered list and descriptive list.
2. Unordered List :- unordered list contains item along with a symbol. This symbol is also called
a bullet. an unordered fist with bullet as ‘o’. To create an unordered list in HTML,the <ul> tag and </ul> tag pair is used.
3.Changing Bullets :- The default shape of bullet is a filled circle. If you want to change the bullets, you can use an attribute called type. The types can be circle, square and disc.
4.You can also change the bullets to unfilled circle by using the tag shown below :<ul type=”circle”>
5.List without Bullets :- ‘dl’ is an abbreviated form of the word description list. Within the description list, we need to define description terms using <dt> and </dt>. To define sub-items we may use description tag pair given as <dd> and </dd>.
6.Heading of List :- To provide heading of a list, we have to simply use <lh> tag. Obviously, the heading must appear before the list. Hence, before starting the <li> and </li> tag pair, you need to use the <lh> tag with the required heading. <lh> My Shopping List </lh>
7.Ordered List :- An ordered list contains items along with numbers or alphabets instead of bullets. To create an ordered list in HTML,the <ol> tag and </ol> tag pair is used.
8.Nested List :- It is possible to have a list within a list. This is called nesting of list or nested lists. Types of both the lists may differ.
9. Creating a Small Table :- To create table in HTML <table> and </table> tags are used. Within the <table> and </table> tags, we may use attributes such as caption (title) of the table, table border, table rows and columns. Main content of a table is formed by rows and columns. A row in a table is defined by <tr>, the table row tag. The first row of a table is heading row, which is denoted by the <th>, table heading tag. Entries of remaining rows are entered using <td> tag.
10.The <table> tag can carry many attributes.
Attribute Description
a. align :- This attribute indicates alignment of table.
b. bgcolor :- This attribute specifies background of the table.
c. border :- This attribute specifies table border.
d. cell padding :- This attribute leaves specified gap between edges of the cells and their content.
e. cell spacing :- This attribute manages space between each cell of the table.
f. dir :- This attribute specifies the direction of text that is displayed in the table.
g. frame :- This attribute controls the outermost border of the table
h . rules :- This attribute controls the presentation of inner borders of table.
i. summary :- This attribute presents description of the table.
j. width :- This attribute specifies width of the table
11. Frames in HTML :- Frame in an HTML document is used to combine multiple web pages and display them as a single web page.A collection of frames in the browser window is known as a frameset.Within the frameset, you may add <noframes> element, which provides an alternative message for users, when the browser used does not support frames.