SlideShare une entreprise Scribd logo
1  sur  13
Working with HTML Tables,[object Object],<table>, <th>, <tr> and <td> tags,[object Object]
Template,[object Object],<table border=1>,[object Object],	<caption> Table Caption</caption>,[object Object],	<tr>,[object Object],	<th> Heading 1</th>,[object Object],	<th> Heading 2</th>,[object Object],</tr>,[object Object],<tr>,[object Object],	<td>Row1 Col1 Data</td>,[object Object],	<td>Row1 Col2 Data</td>,[object Object],</tr>,[object Object],	<tr>,[object Object],		<td>Row1 Col1 Data</td>,[object Object],		<td>Row1 Col2 Data</td>,[object Object],	</tr>,[object Object],	<tr>,[object Object],		<td>Row1 Col1 Data</td>,[object Object],		<td>Row1 Col2 Data</td>,[object Object],	</tr>,[object Object]
Working with tables
Table Element Attribute,[object Object],Align:,[object Object],-gives the horizontal alignment of the table as a whole,[object Object],-Legal Values are: Left, right and center, with left being its default,[object Object],Border:,[object Object],[object Object]
The Default is zero, which also results in the visible 3D divider between cells being turned off,[object Object]
Default is usually about 3Cellpadding:,[object Object],-determines the empty space, in pixels, between the cell’s border and the table element.,[object Object],- Default is usually by 1,[object Object]
Width:,[object Object],[object Object],BGColor:,[object Object],[object Object],Background:,[object Object],-nonstandard attribute supported by IE gives an image file that will be tiled as the background of the table.,[object Object],Frame:,[object Object],[object Object]
All four are drawn if this attribute is omitted
Legal Values are Border or Box(all), VOID(none), Above(top),bellow(bottom), Hsides(top and bottom), Vsides(left and right),,[object Object],LHS(left) and RHS(right),[object Object]
<TR> Table Row,[object Object],[object Object]
Each row will contain TH and/or TD entried,[object Object]
Table Cells: <TH> and <TD>,[object Object],Colspan:,[object Object],[object Object],<Table Border=1>,[object Object],<tr>,[object Object],	<thColspan=2> Col 1 & 2 Heading</th>,[object Object],	<th> Col3 Heading</th>,[object Object],</tr>,[object Object],<tr>,[object Object],	<td> Col1 data</td>,[object Object],	 <td> Col2 data</td>,[object Object],	 <td> Col3 data</td>,[object Object],</tr>,[object Object],</table>,[object Object]
Working with tables

Contenu connexe

Tendances

Tendances (15)

Web topic 12 tables in html
Web topic 12  tables in htmlWeb topic 12  tables in html
Web topic 12 tables in html
 
3.1 xhtml tables
3.1 xhtml tables3.1 xhtml tables
3.1 xhtml tables
 
Html Tables
Html TablesHtml Tables
Html Tables
 
html-table
html-tablehtml-table
html-table
 
Chapter 8: Tables
Chapter 8: TablesChapter 8: Tables
Chapter 8: Tables
 
Web design - Working with tables in HTML
Web design - Working with tables in HTMLWeb design - Working with tables in HTML
Web design - Working with tables in HTML
 
Standard Grade Administration - Software Applications
Standard Grade Administration - Software ApplicationsStandard Grade Administration - Software Applications
Standard Grade Administration - Software Applications
 
HTML Tables
HTML TablesHTML Tables
HTML Tables
 
1-06: More HTML Elements
1-06: More HTML Elements1-06: More HTML Elements
1-06: More HTML Elements
 
Computer language - Html tables
Computer language - Html tablesComputer language - Html tables
Computer language - Html tables
 
Table structure introduction
Table structure introductionTable structure introduction
Table structure introduction
 
Create table relationships
Create table relationshipsCreate table relationships
Create table relationships
 
Documents and formatting
Documents and formattingDocuments and formatting
Documents and formatting
 
HTML + CSS
HTML + CSSHTML + CSS
HTML + CSS
 
HTML Basic
HTML BasicHTML Basic
HTML Basic
 

En vedette

En vedette (6)

Working with html tables
Working with html tablesWorking with html tables
Working with html tables
 
Imagetag
ImagetagImagetag
Imagetag
 
Netiquette
NetiquetteNetiquette
Netiquette
 
Html links
Html linksHtml links
Html links
 
Css intro
Css introCss intro
Css intro
 
Netiquette
NetiquetteNetiquette
Netiquette
 

Similaire à Working with tables (20)

Tables and Forms in HTML
Tables and Forms in HTMLTables and Forms in HTML
Tables and Forms in HTML
 
Tables
TablesTables
Tables
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Tables
TablesTables
Tables
 
Lecture 4
Lecture 4Lecture 4
Lecture 4
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
 
1 06-more html-elements
1 06-more html-elements1 06-more html-elements
1 06-more html-elements
 
Tables
TablesTables
Tables
 
Understanding THML
Understanding THMLUnderstanding THML
Understanding THML
 
03. session 03 using lists and tables
03. session 03   using lists and tables03. session 03   using lists and tables
03. session 03 using lists and tables
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Chapter 3 class presentation
Chapter 3 class presentationChapter 3 class presentation
Chapter 3 class presentation
 
Tables overview 2010
Tables overview 2010Tables overview 2010
Tables overview 2010
 
Kml Basics Chpt 2 Placemarks
Kml Basics Chpt  2   PlacemarksKml Basics Chpt  2   Placemarks
Kml Basics Chpt 2 Placemarks
 
Html intro
Html introHtml intro
Html intro
 
Html intro
Html introHtml intro
Html intro
 
HTML Tables
HTML TablesHTML Tables
HTML Tables
 
AK html
AK  htmlAK  html
AK html
 

Working with tables

  • 1.
  • 2.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. All four are drawn if this attribute is omitted
  • 9.
  • 10.
  • 11.
  • 12.
  • 14.
  • 15.