HOME ServicesI FAQ Company Info Client Care Policy
  Date  
151126-12-08 00:00:00

  HTML Tutorial  
 HEAD Elements
 Comments
 Headings
 Fonts
 Lists
 Text Flow
 Tables
 Horizontal Rules
 Form Elements
 Colors
 Images
 Character Entities
 CCS Scrollbar Colors

  Company Info  
  General Information
  Contact Us
  FAQ
  Policy
  HTML Tutorial
  cPanel Language File


  Directory Links  
Directory Free linking

  Portfolio  
Gioielli / DEVIANTSILVER / Argento Silver Jewelry
.: Deviant Silver :.

  Contacts  
Sales Tel.:
+39 071 2917323
Support Tel.:
+39 071 2864306
Fax:
+39 071 2901232
E-mail Sales:

E-mail Support:

E-mail DNS:

  Payments  


7. Tables

    7.1 Table Elements
    This is a <CAPTION> Caption
    This is a <TH> Table Heading
    This is <TD> Table Data
    This is <TD> Table Data that is long to expand the table horizontally.
    This is <TD> Table Data


    The table above is coded as:

    <TABLE BORDER=1>
    <CAPTION>This is ...</CAPTION>
    <TH>This is ...
    <TR><TD>This is ...
    <TR><TD>This is ...
    <TR><TD>This is ...
    </TABLE>
    7.2 Caption Alignment
    This is a <CAPTION> Caption
    This is <TD> Table Data that is long to expand the table horizontally.

    This is a <CAPTION ALIGN=bottom> Caption
    This is <TD> Table Data that is long to expand the table horizontally.
    7.3 Table Borders
    <TABLE>
    This is
    a table

    <TABLE BORDER>
    This is
    a table with a BORDER=defualt

    <TABLE BORDER=0>
    This is
    a table with a BORDER=0

    <TABLE BORDER=1>
    This is
    a table with a BORDER=1

    <TABLE BORDER=2>
    This is
    a table with a BORDER=2

    <TABLE BORDER=4>
    This is
    a table with a BORDER=4

    <TABLE BORDER=8>
    This is
    a table with a BORDER=18

    <TABLE BORDER=16>
    This is
    a table with a BORDER=16 
    7.4 Table Width & Height
    <TABLE BORDER=1>
    This is
    a table with a BORDER=1 

    <TABLE BORDER=1 WIDTH="50%">
    This is
    a table with a BORDER=1 and WITH="50%"

    <TABLE BORDER=1 WIDTH="90%">
    This is
    a table with a BORDER=1 and WITH="90%"


    <TABLE BORDER=1 WIDTH=200>
    This is
    a table


    <TABLE BORDER=1 HEIGHT=200>
    This is
    a table with BORDER=1 HEIGHT200

    <TABLE BORDER=1 HEIGHT="25%">
    This is
    a table
    7.5 Table Alignment
    <TABLE BORDER=1>
    This is
    a table without text flowing arounfd the table. The table is a BORDER=1
    This text follows the </TABLE> tag. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed. This text should not flow around the table because the table is neither left- or right-ALIGNed.

    <TABLE BORDER=1 ALIGN=right>
    This is
    a table BORDER=1 ALIGN=right BORDER=1 ALIGN=right BORDER=1 ALIGN=right
    This text follows the </TABLE> tag. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table. This text should flow around the right-aligned table.


    <TABLE BORDER=1 ALIGN=left>
    This is
    a table BORDER=1 ALIGN=left table BORDER=1 ALIGN=left
    This text follows the </TABLE> tag. This text should flow around the left-aligned table. This text should flow around the left-aligned table. This text should flow around the left-aligned table. This text should flow around the left-aligned table. This text should flow around the left-aligned table. This text should flow around the left-aligned table. This text should flow around the left-aligned table. This text should flow around the left-aligned table. This text should flow around the left-aligned table. This text should flow around the left-aligned table.This text should flow around the left-aligned table.This text should flow around the left-aligned table.This text should flow around the left-aligned table.This text should flow around the left-aligned table.This text should flow around the left-aligned table.This text should flow around the left-aligned table.This text should flow around the left-aligned table.This text should flow around the left-aligned table.
    7.6 Horizontal Cell Alignment

    This is a <TH> Table Heading
    This is a <TH ALIGN=left> Table Heading
    This is a <TH ALIGN=right> Table Heading
    This is <TD> Table Data that is long to expand the table horizontally.
    This is <TD> Table Data
    This is <TD ALIGN=right> Table Data
    This is <TD ALIGN=center> Table Data
    7.7 Vertical Cell Alignment
    The two cells on the right are aligned "TOP" - "BASELINE" <TD VALIGN=top> <TD VALIGN=baseline>
    The two cells on the right are aligned "MIDDLE" - "BOTTOM" <TD VALIGN=middle> <TD VALIGN=bottom>


    7.8 Cell Spacing & Padding
    <TABLE BORDER=1>
    This is
    a table BORDER=1

    <TABLE BORDER=1 CELLSPACING=16>
    This is
    a table BORDER=1 CELLSPACING=16

    <TABLE BORDER=1 CELLPADDING=16>
    This is
    a table TABLE BORDER=1 CELLPADDING=16

    <TABLE BORDER=1 CELLSPACING=16 CELLPADDING=16>
    This is
    a table  BORDER=1 CELLSPACING=16 CELLPADDING=16
    7.9 Column Width
    Percentages
    <TD WIDTH="75%"> <TD WIDTH="25%">
     
    Pixels
    <TD WIDTH=200> <TD WIDTH=50>
    7.10 NOWRAP
    Without NOWRAP
    <TD> below <TD> below
    This is a table without NOWRAP. This is a table without NOWRAP. This is a table without NOWRAP. This is a table without NOWRAP.  This is a table without NOWRAP. This is a table without NOWRAP. This is a table without NOWRAP. This is a table without NOWRAP. This is a table without NOWRAP. 
     
    With NOWRAP
    <TD> below <TD NOWRAP> below
    This is a table without NOWRAP. This is a table without NOWRAP. This is a table without NOWRAP. This is a table without NOWRAP.  This is a table with NOWRAP. This is a table with NOWRAP. This is a table with NOWRAP. 
    7.11 Row/Column Span
    This is a <CAPTION> Caption
    This is a <TH COLSPAN=3> Table Heading
    This is <TD ROWSPAN=2> Table Data This is <TD> Table Data This is <TD> Table Data
    This is <TD COLSPAN=2> Table Data

    The table above is coded as:

    <TABLE BORDER=1>
    <CAPTION>This is ...</CAPTION>
    <TH COLSPAN=3>This is ...
    <TR>
    <TD ROWSPAN=2>This is ...
    <TD>This is ...
    <TD>This is ...
    <TR>
    <TD COLSPAN=2>This is ...
    </TABLE>

  Sponsor  

  Powered by  
Frontpage, PHP, mod_ssl, mod_gzip, RedHat, MySQL

  Partners  

Melbourne IT partner

Thawte Official ISP Partner
Home | Services | Reseller Program | FAQ | Company Info | Support | Policy TOS AUP | Site Map | HTML Tutorials