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

Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
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
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
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
 
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
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
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
 
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
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 

Recently uploaded (20)

Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
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
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
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
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
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
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
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
 
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
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 

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.