Skip to main content

Nested Tables

Table Data and Table Header Attributes
  • Colspan: Specifies how many cell columns of the table this cell should span.
  • Rowspan: Specifies how many cell rows of the table this cell should span.
  • Align: cell data can have left, right, or center alignment.
  • Valign: cell data can have top, middle, or bottom alignment.
  • Width: you can specify the width as an absolute number of pixels or a percentage of the document width.
  • Height: You can specify the height as an absolute number of pixels or a percentage of the document height.
Basic Table Code
<TABLE BORDER=1 width=50%>
<CAPTION>  <h1>Spare Parts <h1> </Caption>
         <TR><TH>Stock Number</TH><TH>Description</TH><TH>List Price</TH></TR>
         <TR><TD bgcolor=red>3476-AB</TD><TD>76mm Socket</TD><TD>45.00</TD></TR>
         <TR><TD >3478-AB</TD><TD><font color=blue>78mm Socket</font> </TD><TD>47.50</TD></TR>
         <TR><TD>3480-AB</TD><TD>80mm Socket</TD><TD>50.00</TD></TR>
</TABLE>
Column and Row Span
Table cells have two important attributes
Column and Row Span – Example

<table cellspacing="0">
    <tr class="1"><td>Cell[1,1]</td>
        <td colspan="2">Cell[2,1]</td></tr>
    <tr class=“2"><td>Cell[1,2]</td>
        <td rowspan="2">Cell[2,2]</td>
        <td>Cell[3,2]</td></tr>
    <tr class=“3"><td>Cell[1,3]</td>
        <td>Cell[2,3]</td></tr>
</table>
What will be the output?
<TABLE BORDER width=“750”>
   <TR> <TD colspan=“4” align=“center”>Page Banner</TD></TR>  
  <TR> <TD rowspan=“2” width=“25%”>Nav Links</TD><TD colspan=“2”>Feature Article</TD> <TD rowspan=“2” width=“25%”>Linked Ads</TD></TR>
                                                                                                               
<TR><TD width=“25%”>News Column 1 </TD> <TD width=“25%”><News Column 2 </TD></TR>
</TABLE>

The Output


Comments

Post a Comment

Popular posts from this blog

SQL Commands

SQL Commands SQL Commands  are mainly classified into four types, which are DDL command, DML command, TCL command and DCL command. SQL is mainly divided into four sub language Data Definition Language(DDL) Data Manipulation Language(DML) Transaction Control Language(TCL) Data Control Language(DCL) Only for remember You can easily remember all these SQL command like below; DDL Commands:  "dr. cat" d-drop, r-remane, c-create, a-alter, t-truncate. DML Commands:  "sudi". s-select, u-update, d-delete, i-insert. TCL Commands:  These commands are related to transaction, commands are: Commit, Rollback, Savepoint
Post a Comment
Read more

Python - Function

Define Function in Python Function is block of codes. Python provide built-in and user define both types of function. Built-in function User defined function Built-in function This type of functions are pre-defined, you can directly use in your program. For example  print function is used for display message on screen or console. Print hello world in python a = "Hello World!" print a User defined function This type of functions are defined by programmer. According to your requirement you can defined you function name and it's functionality. In python you can define any function by using  def keyword. Syntax for define function in python def function_name ( parameter ) function body Define function in python def my_function(fname): print(fname + " Refsnes") my_function ("Emil") my_function ("Tobias") my_function ("Linus") Output Emil Refsnes Tobias Refsnes Linus Refsnes Explanation
Post a Comment
Read more

Frames

A framed page is actually made up of multiple HTML pages. There is one HTML document that describes how to break up the single browser window into multiple windowpanes. Each windowpane is filled with an HTML document. Frame Page Architecture §   A <FRAMESET> element is placed in the html document before the <BODY> element. The <FRAMESET> describes the amount of screen real estate given to each windowpane by dividing the screen into ROWS or COLS . §   The <FRAMESET> will then contain <FRAME> elements, one per division of the browser window. §   Note: Because there is no BODY container, FRAMESET pages can't have background images and background colors associated with them. Frame Page Architecture <HTML> <HEAD> <TITLE> Framed Page </TITLE> <FRAMeSET COLS=“23%,77%”> <FRAME SRC=“Doc1.html”> <FRAME SRC=“Doc2.html”> </FRAMeSET > </HEAD> </HTML>
Post a Comment
Read more