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

Chapter 4 class presentation
Chapter 4 class presentationChapter 4 class presentation
Chapter 4 class presentation
cmurphysvhs
 
Supporting documents
Supporting documentsSupporting documents
Supporting documents
crystalpullen
 
3.1 xhtml tables
3.1 xhtml tables3.1 xhtml tables
3.1 xhtml tables
Bulldogs83
 

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 tables
Andz Bass
 
4.3 table styling
4.3 table styling4.3 table styling
4.3 table styling
Bulldogs83
 
Table in MS Frontpage 2003
Table in MS Frontpage 2003Table in MS Frontpage 2003
Table in MS Frontpage 2003
Ann Alcid
 
Excel lesson 1
Excel lesson 1Excel lesson 1
Excel lesson 1
spirax1681
 
Using vlookup in excel
Using vlookup in excelUsing vlookup in excel
Using vlookup in excel
megankilb
 

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

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 

Recently uploaded (20)

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.
 
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)
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
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
 
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
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
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.