SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
Presentation by,
Revathy P
TABLES
• Data items represented with the use of rows and columns are
called table.
• The HTML table allow Web authors to arrange data like text,
images and links into rows and columns of cells.
• A table has different parts such as rows, columns, heading and
captions.
• Most important tags related to table creation are
• <TABLE>……………………….</TABLE>
• <CAPTION>……………………</CAPTION>
• <TR>……………………………</TR>
• <TH>……………………………</TH>
• <TD>……………………………</TD>
<table> tag
• <table> tag is used to create tables in HTML.
• Attributes are
1. align – Specifies the alignment.
2. background – Specifies the image to be displayed in
the background of table.
3. bgcolor – Specifies the background color.
4. border – Specifies the border width.
5. bordercolor – Specifies the border color.
6. cellpadding – Specifies the space between the cell
borders and their contents.
7. cellspacing – Specifies the space between cells.
8. height – Specifies the table height.
9. width – Specifies the table width.
<caption> tag
The <caption> tag defines
the table caption.
The <caption> tag appear
within <table> tag.
It has only one attribute
ALIGN.
<tr> tag
• <tr> tag is used for specifying a table row.
• Any special formatting can be done by including
appropriate formatting tags inside <tr> tag.
• An image can also be displayed in a data cell.
• Attributes are
1. align – specifies the visual alignment.
2. bgcolor – Specifies the background color of the table
cell.
<td> tag
• <td> tag is used for specifying a table data within a table.
• The text in <td> elements are regular & left-aligned by default.
• Attributes are
1. align – Visual alignment.
2. bgcolor – specifies the background color.
3. bordercolor – Specifies the border color.
4. height – Specifies the height of the cell.
5. width – Specifies the width of the cell.
6. colspan – Specifies the number of columns the current
cell spans across.
7. rowspan – Specifies the number of rows the current cell
span across.
<th> tag
• <th> tag is used for specifing the header cell in an
HTML table.
• The text in <th> elements are bold & centered by default.
• Attributes are
1. colspan – Specifies the number of columns a header
cell can span.
2. rowspan – Specifies the number of rows a header cell
can span.
3. scope – Specifies whether a header cell is a header for
a column, row or group of rows or column.
Example 1 – Cellpadding & Cellspacing
Example 2 – bgcolor & bordercolor
Example 3 – Table width & height
HTML TABLES

Mais conteúdo relacionado

Mais procurados (15)

Html table tags
Html table tagsHtml table tags
Html table tags
 
html-table
html-tablehtml-table
html-table
 
Table in MS Frontpage 2003
Table in MS Frontpage 2003Table in MS Frontpage 2003
Table in MS Frontpage 2003
 
Chapter 8: Tables
Chapter 8: TablesChapter 8: Tables
Chapter 8: Tables
 
Tables and Forms in HTML
Tables and Forms in HTMLTables and Forms in HTML
Tables and Forms in HTML
 
HTML Table Tags
HTML Table TagsHTML Table Tags
HTML Table Tags
 
HTML Table
HTML TableHTML Table
HTML Table
 
Html_Day_Three(W3Schools)
Html_Day_Three(W3Schools)Html_Day_Three(W3Schools)
Html_Day_Three(W3Schools)
 
HTML 5 Tables and Forms
HTML 5 Tables and FormsHTML 5 Tables and Forms
HTML 5 Tables and Forms
 
Tables and Forms in HTML
Tables and Forms in HTMLTables and Forms in HTML
Tables and Forms in HTML
 
Web forms and html (lect 3)
Web forms and html (lect 3)Web forms and html (lect 3)
Web forms and html (lect 3)
 
Tables
TablesTables
Tables
 
Learning HTML - ILEAD USA
Learning HTML - ILEAD USA  Learning HTML - ILEAD USA
Learning HTML - ILEAD USA
 
Lecture3
Lecture3Lecture3
Lecture3
 
HTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al BasetHTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al Baset
 

Semelhante a HTML TABLES

Semelhante a HTML TABLES (20)

Html tables
Html tablesHtml tables
Html tables
 
Response Tables.ppt
Response Tables.pptResponse Tables.ppt
Response Tables.ppt
 
Lecture 2.ppt
Lecture 2.pptLecture 2.ppt
Lecture 2.ppt
 
Html tables
Html tablesHtml tables
Html tables
 
Chapter7 web application
Chapter7 web applicationChapter7 web application
Chapter7 web application
 
Html and css
Html and cssHtml and css
Html and css
 
2. HTML Tables.ppt
2. HTML Tables.ppt2. HTML Tables.ppt
2. HTML Tables.ppt
 
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
 
Table and Form HTML&CSS
Table and Form HTML&CSSTable and Form HTML&CSS
Table and Form HTML&CSS
 
HTML Lecture Part 2 of 2
HTML Lecture Part 2 of 2HTML Lecture Part 2 of 2
HTML Lecture Part 2 of 2
 
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)
 
Html3
Html3Html3
Html3
 
Html3
Html3Html3
Html3
 
uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
 
Handout5 tables
Handout5 tablesHandout5 tables
Handout5 tables
 
HTML Tables.ppt
HTML Tables.pptHTML Tables.ppt
HTML Tables.ppt
 
Html
HtmlHtml
Html
 
Css
CssCss
Css
 
Table structure introduction
Table structure introductionTable structure introduction
Table structure introduction
 
HTML Tables in Omeka
HTML Tables in OmekaHTML Tables in Omeka
HTML Tables in Omeka
 

Último

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Último (20)

Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 

HTML TABLES

  • 2. TABLES • Data items represented with the use of rows and columns are called table. • The HTML table allow Web authors to arrange data like text, images and links into rows and columns of cells. • A table has different parts such as rows, columns, heading and captions. • Most important tags related to table creation are • <TABLE>……………………….</TABLE> • <CAPTION>……………………</CAPTION> • <TR>……………………………</TR> • <TH>……………………………</TH> • <TD>……………………………</TD>
  • 3. <table> tag • <table> tag is used to create tables in HTML. • Attributes are 1. align – Specifies the alignment. 2. background – Specifies the image to be displayed in the background of table. 3. bgcolor – Specifies the background color. 4. border – Specifies the border width. 5. bordercolor – Specifies the border color. 6. cellpadding – Specifies the space between the cell borders and their contents. 7. cellspacing – Specifies the space between cells. 8. height – Specifies the table height. 9. width – Specifies the table width.
  • 4. <caption> tag The <caption> tag defines the table caption. The <caption> tag appear within <table> tag. It has only one attribute ALIGN.
  • 5. <tr> tag • <tr> tag is used for specifying a table row. • Any special formatting can be done by including appropriate formatting tags inside <tr> tag. • An image can also be displayed in a data cell. • Attributes are 1. align – specifies the visual alignment. 2. bgcolor – Specifies the background color of the table cell.
  • 6. <td> tag • <td> tag is used for specifying a table data within a table. • The text in <td> elements are regular & left-aligned by default. • Attributes are 1. align – Visual alignment. 2. bgcolor – specifies the background color. 3. bordercolor – Specifies the border color. 4. height – Specifies the height of the cell. 5. width – Specifies the width of the cell. 6. colspan – Specifies the number of columns the current cell spans across. 7. rowspan – Specifies the number of rows the current cell span across.
  • 7. <th> tag • <th> tag is used for specifing the header cell in an HTML table. • The text in <th> elements are bold & centered by default. • Attributes are 1. colspan – Specifies the number of columns a header cell can span. 2. rowspan – Specifies the number of rows a header cell can span. 3. scope – Specifies whether a header cell is a header for a column, row or group of rows or column.
  • 8. Example 1 – Cellpadding & Cellspacing
  • 9. Example 2 – bgcolor & bordercolor
  • 10. Example 3 – Table width & height