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

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
 
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
 
keyboardingbasics.pptx
keyboardingbasics.pptxkeyboardingbasics.pptx
keyboardingbasics.pptxaicad39
 
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

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

PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
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.pptxheathfieldcps1
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 

Recently uploaded (20)

PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
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
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 

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.