Pages

Forth lecture




                             Hyper text Markup language 

Today we discuss about table 

How to use Table through Html?

In HTML table consist of one <table> elment and one or more <tr> , <th> , and <td> elements. The <tr> element defines a table row and he <th> element defines the table header, and the <td>  element defines the table cell.

Now we discuss how to use it?

We use table tag in it like :

<table>with closing tag </table>

Then we make a row table header table and data table in this table tag like:

Then the output is:



                              

To make a box of table to use some CSS in it like :



OK  lets try by yourself 
 Try to make a mark sheet of any class in simple way.


What is row span?

The row span in HTML specifies the number of rows a cell should span. If the row spans two rows, it means it will take up the space of  two rows in that table. It allows the single table cell to span the height of more than one cell or row. 

Example:

Then the output is: 
                          
What is column  span?
The column span in HTML specifies the number of columns a cell should span. It allows the single table cell to span the width of more than one cell or column. It provides the same functionality as "merge cell" in a program like Excel.

 Example:


Then the output is: 

Try to make the time table of any class and to use the rowspan and colsapn in your time table :

like:


Firstly try it by yourself then look my coding:


Try to make the marksheet and to use the rowspan and colsapn in your time table :

Same like:

In it use heading tags, paragraph tag also use underline tag , and bold tag.



No comments:

Post a Comment