SlideShare a Scribd company logo
HTML – Tables
By
Dr. I. Uma Maheswari
iuma_maheswari@yahoo.co.in
Tables
• Tables are information represented in rows
and columns.
• Information are understandable in the form
of tables rather than continuous text.
• It also gives professional look to the
document and increase easy readability of
the information.
Elements of a html table
• Caption – indicates what the table is
dealing with and they are optional
• Table heading – they give a title for each
row or column
• Table data – this denotes the values inside
the table
• Table cells – they are individual squares in
a table. A cell can contain either table data
or table heading.
Table tag
• <table> and </table> is the tag used for creating
a table in html document.
Attributes of table tag
• Width – specifies the width of a table
• Cellspacing – specifies the space between cells.
• Cellpadding – specifies the space between border
of the cell and its contents.
• Border – specifies thickness of the border around
the table. If border = “0” no border will be
displayed.
• Bgcolor – background colour of a table or table
cell.
More tags on table
• Row tag - <tr> …..</tr> within this tag,
table heading and table data are specified.
• Heading tag - <th> …. </th> specifies row
headings or column headings.
• Data tag - <td> ….. </td> specifies data
Attributes of <td> tag
• Align – used to align the content of a cell.
Eg., <TD align = “center”> English </TD>
• Bgcolor – change the colour of the table.
(Table cell or entire table colour can be
changed)
Example for table
<HTML>
<HEAD>
<TITLE> Mark list </TITLE>
</HEAD>
<BODY>
<Font color = “maroon” size = 6>students mark list details</font>
<table border = 5 cellspacing = 5 cellpadding = 6 width = 60%>
<TR>
<TH bgcolor = “00f0f0”> student name </th>
<TH bgcolor = “00f0f0”> english </th>
<TH bgcolor = “00f0f0”> maths </th>
<TH bgcolor = “00f0f0”> science </th>
</TR>
<TR>
<TH bgcolor = “00fff0”> Kala </th>
<TH bgcolor = “00fff0”> 100 </th>
<TH bgcolor = “00fff0”> 90 </th>
<TH bgcolor = “00fff0”> 95 </th>
</TR>
</table>
</BODY>
</HTML>
Adding pictures to table
• Html allows to add pictures to a table cell
<HTML>
<HEAD>
<TITLE> Adding pictures to the table </TITLE>
</HEAD>
<BODY>
<table border = 1 cellspacing = 10 cellpadding = 10 width =
300>
<TR>
<TD align = ”right”> <img src = “c:My
documentsdog.jpg” widh = 100 height = 100> /TD>
<TD align = ”center”> <img src = “c:My
documentsdog.jpg” widh = 100 height = 100> /TD>
<TD align = ”left”> <img src = “c:My
documentsdog.jpg” widh = 100 height = 100> /TD>
</TR>
</table>
</BODY>
</HTML>

More Related Content

What's hot

HTML 5 Tables and Forms
HTML 5 Tables and FormsHTML 5 Tables and Forms
HTML 5 Tables and FormsDoncho Minkov
 
html-table
html-tablehtml-table
html-table
Dhirendra Chauhan
 
HTML TABLES
HTML TABLESHTML TABLES
HTML TABLES
RevathyP14
 
Web forms and html lecture Number 3
Web forms and html lecture Number 3Web forms and html lecture Number 3
Web forms and html lecture Number 3
Mudasir Syed
 
HTML Table Tags
HTML Table TagsHTML Table Tags
HTML Table Tags
Kainat Ilyas
 
Session on common html table
Session on common html tableSession on common html table
Session on common html table
Rahul Kumar
 
From Unstructured to Structured Tabular Data Using a Rule Engine
From Unstructured to Structured Tabular Data Using a Rule EngineFrom Unstructured to Structured Tabular Data Using a Rule Engine
From Unstructured to Structured Tabular Data Using a Rule Engine
Alexey Shigarov
 
Web forms and html (lect 3)
Web forms and html (lect 3)Web forms and html (lect 3)
Web forms and html (lect 3)
Salman Memon
 
DrawingML Subject: Tables
DrawingML Subject: TablesDrawingML Subject: Tables
DrawingML Subject: Tables
Shawn Villaron
 
Css starting
Css startingCss starting
Css starting
Rahul Dihora
 
HTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al BasetHTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al Baset
Abdulla-al Baset
 
Tables and Forms in HTML
Tables and Forms in HTMLTables and Forms in HTML
Tables and Forms in HTMLDoncho Minkov
 
Basic tags
Basic tagsBasic tags
Basic tags
YogeshDhamke2
 
Basic tags
Basic tagsBasic tags
Basic tags
Abinash Thakur
 
Learning HTML - ILEAD USA
Learning HTML - ILEAD USA  Learning HTML - ILEAD USA
Learning HTML - ILEAD USA Brian Pichman
 
Lecture4 web design and development
Lecture4 web design and developmentLecture4 web design and development
Lecture4 web design and development
Rafi Haidari
 
Working With Tables in HTML
Working With Tables in HTMLWorking With Tables in HTML
Working With Tables in HTML
Shehzad Yaqoob
 

What's hot (20)

HTML 5 Tables and Forms
HTML 5 Tables and FormsHTML 5 Tables and Forms
HTML 5 Tables and Forms
 
html-table
html-tablehtml-table
html-table
 
HTML TABLES
HTML TABLESHTML TABLES
HTML TABLES
 
Web forms and html lecture Number 3
Web forms and html lecture Number 3Web forms and html lecture Number 3
Web forms and html lecture Number 3
 
HTML Table Tags
HTML Table TagsHTML Table Tags
HTML Table Tags
 
Session on common html table
Session on common html tableSession on common html table
Session on common html table
 
From Unstructured to Structured Tabular Data Using a Rule Engine
From Unstructured to Structured Tabular Data Using a Rule EngineFrom Unstructured to Structured Tabular Data Using a Rule Engine
From Unstructured to Structured Tabular Data Using a Rule Engine
 
Web forms and html (lect 3)
Web forms and html (lect 3)Web forms and html (lect 3)
Web forms and html (lect 3)
 
DrawingML Subject: Tables
DrawingML Subject: TablesDrawingML Subject: Tables
DrawingML Subject: Tables
 
Css starting
Css startingCss starting
Css starting
 
HTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al BasetHTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al Baset
 
Tables and Forms in HTML
Tables and Forms in HTMLTables and Forms in HTML
Tables and Forms in HTML
 
Html tut 04
Html tut 04Html tut 04
Html tut 04
 
Basic tags
Basic tagsBasic tags
Basic tags
 
Basic tags
Basic tagsBasic tags
Basic tags
 
Learning HTML - ILEAD USA
Learning HTML - ILEAD USA  Learning HTML - ILEAD USA
Learning HTML - ILEAD USA
 
Lecture4 web design and development
Lecture4 web design and developmentLecture4 web design and development
Lecture4 web design and development
 
SQL_Part1
SQL_Part1SQL_Part1
SQL_Part1
 
Html
HtmlHtml
Html
 
Working With Tables in HTML
Working With Tables in HTMLWorking With Tables in HTML
Working With Tables in HTML
 

Similar to Computer language - Html tables

Html tables
Html tablesHtml tables
Html tables
Himanshu Pathak
 
Lecture 2.ppt
Lecture 2.pptLecture 2.ppt
Lecture 2.ppt
MuhammadRehan856177
 
2. HTML Tables.ppt
2. HTML Tables.ppt2. HTML Tables.ppt
2. HTML Tables.ppt
MuhammadRehan856177
 
Response Tables.ppt
Response Tables.pptResponse Tables.ppt
Response Tables.ppt
Muhammad Rehan
 
HTML Tables in Omeka
HTML Tables in OmekaHTML Tables in Omeka
HTML Tables in Omeka
American Antiquarian Society
 
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
Mustafa Kamel Mohammadi
 
Table in MS Frontpage 2003
Table in MS Frontpage 2003Table in MS Frontpage 2003
Table in MS Frontpage 2003Ann Alcid
 
HTML Tables.ppt
HTML Tables.pptHTML Tables.ppt
HTML Tables.ppt
ShararehShojaei1
 
Web I - 03 - Tables
Web I - 03 - TablesWeb I - 03 - Tables
Web I - 03 - Tables
Randy Connolly
 
HTML (Hyper Text Markup Language) by Mukesh
HTML (Hyper Text Markup Language) by MukeshHTML (Hyper Text Markup Language) by Mukesh
HTML (Hyper Text Markup Language) by Mukesh
Mukesh Kumar
 
Web topic 12 tables in html
Web topic 12  tables in htmlWeb topic 12  tables in html
Web topic 12 tables in htmlCK Yang
 
HTML Tables
HTML TablesHTML Tables
HTML Tables
WaheedaBanoShaikh
 
Html tables
Html tablesHtml tables
Html web designing using tables
Html web designing using tablesHtml web designing using tables
Html web designing using tables
Jesus Obenita Jr.
 
WEP4 and 5.pptx
WEP4 and 5.pptxWEP4 and 5.pptx
WEP4 and 5.pptx
MLikithMahendra
 
Chapter 8: Tables
Chapter 8: TablesChapter 8: Tables
Chapter 8: Tables
Steve Guinan
 
Tables
TablesTables
Tables
savitamhaske
 
uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
Abhishek Kesharwani
 
HTML Lecture Part 2 of 2
HTML Lecture Part 2 of 2HTML Lecture Part 2 of 2
HTML Lecture Part 2 of 2
Sharon Wasden
 
4-Tables in HTMLhtml tavle table in the html
4-Tables in HTMLhtml tavle table in the html4-Tables in HTMLhtml tavle table in the html
4-Tables in HTMLhtml tavle table in the html
SajidHussainS
 

Similar to Computer language - Html tables (20)

Html tables
Html tablesHtml tables
Html tables
 
Lecture 2.ppt
Lecture 2.pptLecture 2.ppt
Lecture 2.ppt
 
2. HTML Tables.ppt
2. HTML Tables.ppt2. HTML Tables.ppt
2. HTML Tables.ppt
 
Response Tables.ppt
Response Tables.pptResponse Tables.ppt
Response Tables.ppt
 
HTML Tables in Omeka
HTML Tables in OmekaHTML Tables in Omeka
HTML Tables in Omeka
 
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 in MS Frontpage 2003
Table in MS Frontpage 2003Table in MS Frontpage 2003
Table in MS Frontpage 2003
 
HTML Tables.ppt
HTML Tables.pptHTML Tables.ppt
HTML Tables.ppt
 
Web I - 03 - Tables
Web I - 03 - TablesWeb I - 03 - Tables
Web I - 03 - Tables
 
HTML (Hyper Text Markup Language) by Mukesh
HTML (Hyper Text Markup Language) by MukeshHTML (Hyper Text Markup Language) by Mukesh
HTML (Hyper Text Markup Language) by Mukesh
 
Web topic 12 tables in html
Web topic 12  tables in htmlWeb topic 12  tables in html
Web topic 12 tables in html
 
HTML Tables
HTML TablesHTML Tables
HTML Tables
 
Html tables
Html tablesHtml tables
Html tables
 
Html web designing using tables
Html web designing using tablesHtml web designing using tables
Html web designing using tables
 
WEP4 and 5.pptx
WEP4 and 5.pptxWEP4 and 5.pptx
WEP4 and 5.pptx
 
Chapter 8: Tables
Chapter 8: TablesChapter 8: Tables
Chapter 8: Tables
 
Tables
TablesTables
Tables
 
uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
 
HTML Lecture Part 2 of 2
HTML Lecture Part 2 of 2HTML Lecture Part 2 of 2
HTML Lecture Part 2 of 2
 
4-Tables in HTMLhtml tavle table in the html
4-Tables in HTMLhtml tavle table in the html4-Tables in HTMLhtml tavle table in the html
4-Tables in HTMLhtml tavle table in the html
 

More from Dr. I. Uma Maheswari Maheswari

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
Dr. I. Uma Maheswari Maheswari
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
Dr. I. Uma Maheswari Maheswari
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
Dr. I. Uma Maheswari Maheswari
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
Dr. I. Uma Maheswari Maheswari
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
Dr. I. Uma Maheswari Maheswari
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
Dr. I. Uma Maheswari Maheswari
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
Dr. I. Uma Maheswari Maheswari
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
Dr. I. Uma Maheswari Maheswari
 
Computer language - Html forms
Computer language - Html formsComputer language - Html forms
Computer language - Html forms
Dr. I. Uma Maheswari Maheswari
 
computer language - Html frames
computer language - Html framescomputer language - Html frames
computer language - Html frames
Dr. I. Uma Maheswari Maheswari
 
Pedagogy - teaching models
Pedagogy - teaching modelsPedagogy - teaching models
Pedagogy - teaching models
Dr. I. Uma Maheswari Maheswari
 
Computer language - html links
Computer language - html   linksComputer language - html   links
Computer language - html links
Dr. I. Uma Maheswari Maheswari
 
Computer language - html images and sounds
Computer language - html   images and soundsComputer language - html   images and sounds
Computer language - html images and sounds
Dr. I. Uma Maheswari Maheswari
 
computer language - html lists
computer language - html listscomputer language - html lists
computer language - html lists
Dr. I. Uma Maheswari Maheswari
 
Computer language - HTML tags
Computer language - HTML tagsComputer language - HTML tags
Computer language - HTML tags
Dr. I. Uma Maheswari Maheswari
 
Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)
Dr. I. Uma Maheswari Maheswari
 
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
X std maths -  Relations and functions (ex 1.5 &amp; 1.6)X std maths -  Relations and functions (ex 1.5 &amp; 1.6)
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
Dr. I. Uma Maheswari Maheswari
 
X std maths - Relations and functions (ex 1.4)
X std maths - Relations and functions  (ex 1.4)X std maths - Relations and functions  (ex 1.4)
X std maths - Relations and functions (ex 1.4)
Dr. I. Uma Maheswari Maheswari
 
X std maths - Relations and functions (ex 1.3)
X std maths -  Relations and functions  (ex 1.3)X std maths -  Relations and functions  (ex 1.3)
X std maths - Relations and functions (ex 1.3)
Dr. I. Uma Maheswari Maheswari
 
X std mathematics - Relations and functions (Ex 1.2)
X std mathematics - Relations and functions  (Ex 1.2)X std mathematics - Relations and functions  (Ex 1.2)
X std mathematics - Relations and functions (Ex 1.2)
Dr. I. Uma Maheswari Maheswari
 

More from Dr. I. Uma Maheswari Maheswari (20)

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
 
Computer language - Html forms
Computer language - Html formsComputer language - Html forms
Computer language - Html forms
 
computer language - Html frames
computer language - Html framescomputer language - Html frames
computer language - Html frames
 
Pedagogy - teaching models
Pedagogy - teaching modelsPedagogy - teaching models
Pedagogy - teaching models
 
Computer language - html links
Computer language - html   linksComputer language - html   links
Computer language - html links
 
Computer language - html images and sounds
Computer language - html   images and soundsComputer language - html   images and sounds
Computer language - html images and sounds
 
computer language - html lists
computer language - html listscomputer language - html lists
computer language - html lists
 
Computer language - HTML tags
Computer language - HTML tagsComputer language - HTML tags
Computer language - HTML tags
 
Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)
 
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
X std maths -  Relations and functions (ex 1.5 &amp; 1.6)X std maths -  Relations and functions (ex 1.5 &amp; 1.6)
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
 
X std maths - Relations and functions (ex 1.4)
X std maths - Relations and functions  (ex 1.4)X std maths - Relations and functions  (ex 1.4)
X std maths - Relations and functions (ex 1.4)
 
X std maths - Relations and functions (ex 1.3)
X std maths -  Relations and functions  (ex 1.3)X std maths -  Relations and functions  (ex 1.3)
X std maths - Relations and functions (ex 1.3)
 
X std mathematics - Relations and functions (Ex 1.2)
X std mathematics - Relations and functions  (Ex 1.2)X std mathematics - Relations and functions  (Ex 1.2)
X std mathematics - Relations and functions (Ex 1.2)
 

Recently uploaded

ESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdfESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
Fundacja Rozwoju Społeczeństwa Przedsiębiorczego
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
Nguyen Thanh Tu Collection
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
Delapenabediema
 
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
EduSkills OECD
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
How to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERPHow to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERP
Celine George
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
siemaillard
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
rosedainty
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
PedroFerreira53928
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
bennyroshan06
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 

Recently uploaded (20)

ESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdfESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
 
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
How to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERPHow to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERP
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 

Computer language - Html tables

  • 1. HTML – Tables By Dr. I. Uma Maheswari iuma_maheswari@yahoo.co.in
  • 2. Tables • Tables are information represented in rows and columns. • Information are understandable in the form of tables rather than continuous text. • It also gives professional look to the document and increase easy readability of the information.
  • 3. Elements of a html table • Caption – indicates what the table is dealing with and they are optional • Table heading – they give a title for each row or column • Table data – this denotes the values inside the table • Table cells – they are individual squares in a table. A cell can contain either table data or table heading.
  • 4. Table tag • <table> and </table> is the tag used for creating a table in html document. Attributes of table tag • Width – specifies the width of a table • Cellspacing – specifies the space between cells. • Cellpadding – specifies the space between border of the cell and its contents. • Border – specifies thickness of the border around the table. If border = “0” no border will be displayed. • Bgcolor – background colour of a table or table cell.
  • 5. More tags on table • Row tag - <tr> …..</tr> within this tag, table heading and table data are specified. • Heading tag - <th> …. </th> specifies row headings or column headings. • Data tag - <td> ….. </td> specifies data
  • 6. Attributes of <td> tag • Align – used to align the content of a cell. Eg., <TD align = “center”> English </TD> • Bgcolor – change the colour of the table. (Table cell or entire table colour can be changed)
  • 7. Example for table <HTML> <HEAD> <TITLE> Mark list </TITLE> </HEAD> <BODY> <Font color = “maroon” size = 6>students mark list details</font> <table border = 5 cellspacing = 5 cellpadding = 6 width = 60%> <TR> <TH bgcolor = “00f0f0”> student name </th> <TH bgcolor = “00f0f0”> english </th> <TH bgcolor = “00f0f0”> maths </th> <TH bgcolor = “00f0f0”> science </th> </TR> <TR> <TH bgcolor = “00fff0”> Kala </th> <TH bgcolor = “00fff0”> 100 </th> <TH bgcolor = “00fff0”> 90 </th> <TH bgcolor = “00fff0”> 95 </th> </TR> </table> </BODY> </HTML>
  • 8. Adding pictures to table • Html allows to add pictures to a table cell <HTML> <HEAD> <TITLE> Adding pictures to the table </TITLE> </HEAD> <BODY> <table border = 1 cellspacing = 10 cellpadding = 10 width = 300> <TR> <TD align = ”right”> <img src = “c:My documentsdog.jpg” widh = 100 height = 100> /TD> <TD align = ”center”> <img src = “c:My documentsdog.jpg” widh = 100 height = 100> /TD> <TD align = ”left”> <img src = “c:My documentsdog.jpg” widh = 100 height = 100> /TD> </TR> </table> </BODY> </HTML>