• Breaking News

    Business

    Friday, September 11, 2015

    HTML Basics-The table Tag, attributes used with examples, purpose and usage of tables

    HTML Basics-The table Tag, attributes used with examples, purpose and usage of tables - HTMl tables are very important and are widely used now a days. The HTML tags , , (Table Rows) - Opening or starting tag to create row. Used to divide the table into rows 
    (Table Rows - Closing or ending tag to create row. Used to divide the table into rows 
    (Table Heading) - Closing or ending tag defines a cell that is header of a group of cells in a table. 
    (Table Data) - Closing or ending tag of a cell of the table that contains data. 

    Attributes used with table tag

    ,
    and a number of attributes are used. A web page can be divided into sections with the help of table and all the websites use this powerful tool as invisibles tables to layout their web pages. These tags can simply be added where a table is to be displayed. 
    HTML TABLES
    HTML TABLES

    Usage and purpose of table or the table tags 

    There are two major purposes of using the tables or the table tags in a web page. (1) To arrange the information in a table on a web page is the more obvious purpose and (2) Use of the hidden or invisible tables while creating a page layout is less obvious but widely used purpose. 

    HTML Tags used in creating a table 

    - Opening or starting tag. 

    - Closing or ending tag. 

    (Table Heading) - Opening or starting tag defines a cell that is header of a group of cells in a table. 
    (Table Data) - Opening or starting tag of a cell of the table that contains data. 
    SN
    Attribute
    Permitted Value
    Usage
    1
    Bgcolor
    rgb(?, ?, ?)
    #??????(6 figure color code)
    Used to define the back ground color. (HTML5 does not support)
    2
    cellpading
    pixels
    Defines the space between the wall and the table contents. (HTML5 does not support)
    3
    align
    left
     right
    centre
    Defines the alignment of a table(HTML5 does not support)
    4
    border
    1
    0
    Defines borders of a table. (HTML5 does not support)
    5
    frame
    void 
    above
    hsides
    lhs
    rhs
    vsides 
    box 
    border
    Used to define the sides of a table’s outside border to be visible. (HTML5 does not support)
    6
    cellspecing
    pixels
    Used to define space between cells of a table. (HTML5 does not support)
    7
    sortable
    sortable
    Used to define the table is sortable
    8
    rules
    all
    none
    groups  
    rows 
    cols
    Used to define the sides of a table’s inside border to be visible. (HTML5 does not support)
    9
    width
    Pixel
    %
    Used to define the width of a table(HTML5 does not support)
    10
    summary
    text
    Used to define summary of the table contents(HTML5 does not support)
    See the example below -
    Monthly  account

    Employees Accounts

    SNEmployee NameSalary in INRBank Details
    1Lekh Raj Gaur46917SBI
    2Carlos Cleetus45628PNB
    The result will be-
    Employees Accounts

    SN
    Employee Name
    Salary in INR
    Bank Details
    1
    Lekh Raj Gaur
    46917
    SBI
    2
    Carlos Cleetus
    45628
    PNB


    No comments:

    Post a Comment

    Fashion

    Beauty

    Travel