SlideShare a Scribd company logo
1 of 14
Font Font face - the font of your text Font size - 1 to 7 <font face=________ size = ______ color=_____> When complete, end font tag.
Tables
Table Elements Row - horizontal line of information Column - Vertical line of information Cell - intersection of a row and column Heading cells - display text as bold and center aligned Data cells - display normal text that is left aligned
Table Elements contโ€™d Table borders - lines that encompass the perimeter of the table Table header - bold text that indicate the purpose of the row or column Table caption - descriptive text located above or below the table that further describes the purpose of the table.
TableCaption Row Row
<table><caption>Caption</caption> <tr> </tr> <tr> </tr> </table> If you want the caption on the bottom of the table, type <caption align=bottom>
Table Borders <table border= _____ bordercolor=_____ width= ___% bgcolor=_______> The border is a number which represents the thickness. The width is how much of the screen you want to cover in %.  If the width ___% is not included, your table is left aligned and scrunched together.
Border Color of Cells To change the border of a particular cell: <th bordercolor=_____> for heading <td bordercolor=_____> for data
Alignment for cell info Place the alignment tag in the part of the table you wish to align. If you wish to center info in an entire row: <tr align=center> If you wish to only center info in a certain cell <tr><td align=center>
Alignment of a Table To align a table - not the contents of a table <table align=______>
To merge cells in a table To merge columns: <td colspan = _____>  Fill in the blank with the number of cells you want to merge over. To merge rows: <td rowspan =______> Fill in blank with the number of rows you want to merge over.
Changing the font color in a table To change the font color in a table, the font color tag must be put at the start of each word in a cell.  You must also end it at the end of each cell. โ€ฆ. <tr><td><font color=blue>Hello</font></td></tr> โ€ฆ
Background colors of cells To change the background color of cells: <tr><th bgcolor=_____></th></tr>  (Heading cells) <tr><td bgcolor=_____></td></tr> (Data cells) You must put the bgcolor in EACH <th> or <td> tag you want to have a bgcolor.
Adjusting the width of cells <tr><th width=___%> Adjusts width of heading cell <tr><td width=___%> Adjusts width of data cell.

More Related Content

What's hot

HTML Tables
HTML TablesHTML Tables
HTML TablesNisa Soomro
ย 
Chapter 4 class presentation
Chapter 4 class presentationChapter 4 class presentation
Chapter 4 class presentationcmurphysvhs
ย 
Html table
Html tableHtml table
Html tableJayjZens
ย 
Supporting documents
Supporting documentsSupporting documents
Supporting documentscrystalpullen
ย 
Table structure introduction
Table structure introductionTable structure introduction
Table structure introductionnobel mujuji
ย 
Html table tags
Html table tagsHtml table tags
Html table tagseShikshak
ย 
Displaying Results in Resarch
Displaying Results in ResarchDisplaying Results in Resarch
Displaying Results in ResarchHinaHamid
ย 
Html tut 04
Html tut 04Html tut 04
Html tut 04Maxie Santos
ย 
Chapter 8: Tables
Chapter 8: TablesChapter 8: Tables
Chapter 8: TablesSteve Guinan
ย 
Html web designing using tables
Html web designing using tablesHtml web designing using tables
Html web designing using tablesJesus Obenita Jr.
ย 
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 HTMLMustafa Kamel Mohammadi
ย 
HTML Table Tags
HTML Table TagsHTML Table Tags
HTML Table TagsKainat Ilyas
ย 
3.1 xhtml tables
3.1 xhtml tables3.1 xhtml tables
3.1 xhtml tablesBulldogs83
ย 
Analysis
AnalysisAnalysis
AnalysisAmna Qaiser
ย 

What's hot (16)

HTML Tables
HTML TablesHTML Tables
HTML Tables
ย 
Chapter 4 class presentation
Chapter 4 class presentationChapter 4 class presentation
Chapter 4 class presentation
ย 
Html table
Html tableHtml table
Html table
ย 
Supporting documents
Supporting documentsSupporting documents
Supporting documents
ย 
Table structure introduction
Table structure introductionTable structure introduction
Table structure introduction
ย 
Html table tags
Html table tagsHtml table tags
Html table tags
ย 
Displaying Results in Resarch
Displaying Results in ResarchDisplaying Results in Resarch
Displaying Results in Resarch
ย 
Html tut 04
Html tut 04Html tut 04
Html tut 04
ย 
Chapter 8: Tables
Chapter 8: TablesChapter 8: Tables
Chapter 8: Tables
ย 
Html web designing using tables
Html web designing using tablesHtml web designing using tables
Html web designing using 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
ย 
HTML Table Tags
HTML Table TagsHTML Table Tags
HTML Table Tags
ย 
HTML Tables
HTML TablesHTML Tables
HTML Tables
ย 
Partsofthesis
PartsofthesisPartsofthesis
Partsofthesis
ย 
3.1 xhtml tables
3.1 xhtml tables3.1 xhtml tables
3.1 xhtml tables
ย 
Analysis
AnalysisAnalysis
Analysis
ย 

Similar to Tables

Working with html tables
Working with html tablesWorking with html tables
Working with html tablesAndz Bass
ย 
Guidelines of Tables - APA Style - 7th Edition
Guidelines of Tables - APA Style - 7th EditionGuidelines of Tables - APA Style - 7th Edition
Guidelines of Tables - APA Style - 7th EditionThiyagu K
ย 
4.3 table styling
4.3 table styling4.3 table styling
4.3 table stylingBulldogs83
ย 
Table in MS Frontpage 2003
Table in MS Frontpage 2003Table in MS Frontpage 2003
Table in MS Frontpage 2003Ann Alcid
ย 
Excel lesson 1
Excel lesson 1Excel lesson 1
Excel lesson 1spirax1681
ย 
Form 1 Term 2 Week 3.1
Form 1   Term 2   Week 3.1Form 1   Term 2   Week 3.1
Form 1 Term 2 Week 3.1Harley Greenberg
ย 
Chapter 4 class presentation
Chapter 4 class presentationChapter 4 class presentation
Chapter 4 class presentationcmurphysvhs
ย 
Rename the sheet tab Semi-Annual Budget and delete the other sheets..docx
Rename the sheet tab Semi-Annual Budget and delete the other sheets..docxRename the sheet tab Semi-Annual Budget and delete the other sheets..docx
Rename the sheet tab Semi-Annual Budget and delete the other sheets..docxhennela
ย 
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)Nuzhat Memon
ย 
Materi DESIGN TAB 2013 .ppt
Materi DESIGN TAB 2013 .pptMateri DESIGN TAB 2013 .ppt
Materi DESIGN TAB 2013 .pptAndiKurhosakiIchigo
ย 
WEP4 and 5.pptx
WEP4 and 5.pptxWEP4 and 5.pptx
WEP4 and 5.pptxMLikithMahendra
ย 
keyboardingbasics.pptx
keyboardingbasics.pptxkeyboardingbasics.pptx
keyboardingbasics.pptxaicad39
ย 
EXCEL.pptx
EXCEL.pptxEXCEL.pptx
EXCEL.pptxGabOlarte
ย 
Using vlookup in excel
Using vlookup in excelUsing vlookup in excel
Using vlookup in excelmegankilb
ย 

Similar to Tables (20)

Working with html tables
Working with html tablesWorking with html tables
Working with html tables
ย 
Guidelines of Tables - APA Style - 7th Edition
Guidelines of Tables - APA Style - 7th EditionGuidelines of Tables - APA Style - 7th Edition
Guidelines of Tables - APA Style - 7th Edition
ย 
Tables
TablesTables
Tables
ย 
4.3 table styling
4.3 table styling4.3 table styling
4.3 table styling
ย 
Table in MS Frontpage 2003
Table in MS Frontpage 2003Table in MS Frontpage 2003
Table in MS Frontpage 2003
ย 
Tabulation
TabulationTabulation
Tabulation
ย 
Excel lesson 1
Excel lesson 1Excel lesson 1
Excel lesson 1
ย 
Form 1 Term 2 Week 3.1
Form 1   Term 2   Week 3.1Form 1   Term 2   Week 3.1
Form 1 Term 2 Week 3.1
ย 
Chapter 4 class presentation
Chapter 4 class presentationChapter 4 class presentation
Chapter 4 class presentation
ย 
Rename the sheet tab Semi-Annual Budget and delete the other sheets..docx
Rename the sheet tab Semi-Annual Budget and delete the other sheets..docxRename the sheet tab Semi-Annual Budget and delete the other sheets..docx
Rename the sheet tab Semi-Annual Budget and delete the other sheets..docx
ย 
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)
ย 
Lecture 2.ppt
Lecture 2.pptLecture 2.ppt
Lecture 2.ppt
ย 
Materi DESIGN TAB 2013 .ppt
Materi DESIGN TAB 2013 .pptMateri DESIGN TAB 2013 .ppt
Materi DESIGN TAB 2013 .ppt
ย 
2010 10 Tables
2010 10 Tables2010 10 Tables
2010 10 Tables
ย 
WEP4 and 5.pptx
WEP4 and 5.pptxWEP4 and 5.pptx
WEP4 and 5.pptx
ย 
keyboardingbasics.pptx
keyboardingbasics.pptxkeyboardingbasics.pptx
keyboardingbasics.pptx
ย 
EXCEL.pptx
EXCEL.pptxEXCEL.pptx
EXCEL.pptx
ย 
NCompass Live: Excel for Librarians
NCompass Live: Excel for LibrariansNCompass Live: Excel for Librarians
NCompass Live: Excel for Librarians
ย 
Tables
TablesTables
Tables
ย 
Using vlookup in excel
Using vlookup in excelUsing vlookup in excel
Using vlookup in excel
ย 

More from buhiterita

Tables
TablesTables
Tablesbuhiterita
ย 
Nested lists
Nested listsNested lists
Nested listsbuhiterita
ย 
Lists
ListsLists
Listsbuhiterita
ย 
The internet
The internetThe internet
The internetbuhiterita
ย 
Graphics
GraphicsGraphics
Graphicsbuhiterita
ย 
Formatting in html
Formatting in htmlFormatting in html
Formatting in htmlbuhiterita
ย 
Alignments
AlignmentsAlignments
Alignmentsbuhiterita
ย 
Paragraphs and formatting
Paragraphs and formattingParagraphs and formatting
Paragraphs and formattingbuhiterita
ย 
Paragraphs and formatting
Paragraphs and formattingParagraphs and formatting
Paragraphs and formattingbuhiterita
ย 
Basic html
Basic htmlBasic html
Basic htmlbuhiterita
ย 

More from buhiterita (10)

Tables
TablesTables
Tables
ย 
Nested lists
Nested listsNested lists
Nested lists
ย 
Lists
ListsLists
Lists
ย 
The internet
The internetThe internet
The internet
ย 
Graphics
GraphicsGraphics
Graphics
ย 
Formatting in html
Formatting in htmlFormatting in html
Formatting in html
ย 
Alignments
AlignmentsAlignments
Alignments
ย 
Paragraphs and formatting
Paragraphs and formattingParagraphs and formatting
Paragraphs and formatting
ย 
Paragraphs and formatting
Paragraphs and formattingParagraphs and formatting
Paragraphs and formatting
ย 
Basic html
Basic htmlBasic html
Basic html
ย 

Recently uploaded

Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
ย 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
ย 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Association for Project Management
ย 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
ย 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
ย 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docxPoojaSen20
ย 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
ย 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
ย 
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.pptxnegromaestrong
ย 
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.pptxheathfieldcps1
ย 
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).pptxVishalSingh1417
ย 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
ย 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
ย 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docxPoojaSen20
ย 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
ย 
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.pdfPoh-Sun Goh
ย 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
ย 
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 FellowsMebane Rash
ย 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxDavid Douglas School District
ย 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
ย 

Recently uploaded (20)

Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
ย 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
ย 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
ย 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
ย 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
ย 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
ย 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
ย 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
ย 
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
ย 
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
ย 
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
ย 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
ย 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
ย 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
ย 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
ย 
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
ย 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
ย 
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
ย 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
ย 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
ย 

Tables

  • 1. Font Font face - the font of your text Font size - 1 to 7 <font face=________ size = ______ color=_____> When complete, end font tag.
  • 3. Table Elements Row - horizontal line of information Column - Vertical line of information Cell - intersection of a row and column Heading cells - display text as bold and center aligned Data cells - display normal text that is left aligned
  • 4. Table Elements contโ€™d Table borders - lines that encompass the perimeter of the table Table header - bold text that indicate the purpose of the row or column Table caption - descriptive text located above or below the table that further describes the purpose of the table.
  • 6. <table><caption>Caption</caption> <tr> </tr> <tr> </tr> </table> If you want the caption on the bottom of the table, type <caption align=bottom>
  • 7. Table Borders <table border= _____ bordercolor=_____ width= ___% bgcolor=_______> The border is a number which represents the thickness. The width is how much of the screen you want to cover in %. If the width ___% is not included, your table is left aligned and scrunched together.
  • 8. Border Color of Cells To change the border of a particular cell: <th bordercolor=_____> for heading <td bordercolor=_____> for data
  • 9. Alignment for cell info Place the alignment tag in the part of the table you wish to align. If you wish to center info in an entire row: <tr align=center> If you wish to only center info in a certain cell <tr><td align=center>
  • 10. Alignment of a Table To align a table - not the contents of a table <table align=______>
  • 11. To merge cells in a table To merge columns: <td colspan = _____> Fill in the blank with the number of cells you want to merge over. To merge rows: <td rowspan =______> Fill in blank with the number of rows you want to merge over.
  • 12. Changing the font color in a table To change the font color in a table, the font color tag must be put at the start of each word in a cell. You must also end it at the end of each cell. โ€ฆ. <tr><td><font color=blue>Hello</font></td></tr> โ€ฆ
  • 13. Background colors of cells To change the background color of cells: <tr><th bgcolor=_____></th></tr> (Heading cells) <tr><td bgcolor=_____></td></tr> (Data cells) You must put the bgcolor in EACH <th> or <td> tag you want to have a bgcolor.
  • 14. Adjusting the width of cells <tr><th width=___%> Adjusts width of heading cell <tr><td width=___%> Adjusts width of data cell.