Chapter Twenty: Using Tables for Advanced Web Page Layout

Table of Contents: Getting Started - Tips and Tricks Interlit Web Site Links to Textbook Chapter Resources Required Equipment, Software and Services Course Syllabus Course Assignments and Due Dates Part One: Understanding The Internet Chapter One: Definitions Chapter Two: How the Internet is Changing the World Part Two: Getting On The Internet Chapter Three: Getting Connected Chapter Four: Surfing the Net Part Three: Communicating Over The Internet Chapter Five: Internet Etiquette (Netiquette) Chapter Six: Electronic Mail Chapter Seven: Listserv Chapter Eight: Usenet Newsgroups Chapter Nine: Communicating in Real Time Chapter Ten: Telnet Part Four: Finding Things On The Internet Chapter Eleven: Searching for Information Chapter Twelve: Commonly Found Internet File Types Chapter Thirteen: Downloading From the Internet Chapter Fourteen: Bibliographic Style for Citing Internet Resources Part Five: Creating Web Pages Chapter Fifteen: Web Page Creation Strategies Chapter Sixteen: Web Page Design Chapter Seventeen: How HTML Works Chapter Eighteen: Creating Your Web Page Resume Chapter Nineteen: Putting Images on Web Pages Chapter Twenty: Using Tables for Advanced Web Page Layout Chapter Twenty-one: Making a Local Web and a Home Page Chapter Twenty-two: Publishing Files on the World Wide Web Part Six: Using Multimedia On The Internet Chapter Twenty-three: How Web Browsers Do Multimedia Chapter Twenty-four: Waveform Audio Recording Part Seven: Planning For The Future Of The Internet Chapter Twenty-five: Societal Issues Chapter Twenty-six: Emerging Technology Chapter Twenty-seven: How to Keep Up Send E-Mail: Pat Watson Jennifer Lagier John Ittelson Internet Literacy Home Page

After completing this chapter, you will be able to: Explain the role of tables in designing Web pages. Use tables to organize Web pages into rectangular regions called cells. Flow text and pictures into table cells. Recognize the HTML tags that create tables. Tables Tables allow you to organize your information in a series of rows and columns. Table cells can contain text and/or images. Unlike lists, tables are a bit more complicated to code. Tables also provide a handy way to align images and text, as well as define the width of your web page. Table borders can <TABLE></TABLE> Use these tags to indicate the beginning and end of a table. Make sure you remember to include the ending tag--otherwise your table will not display within the browser. <TABLE BORDER=0> <TABLE BORDER=1> Instead of simply using the <TABLE> tag to define the beginning of a table, you can combine the table start code with the border code. <CAPTION></CAPTION> Text within these tags will appear as the table's title or as an explanatory caption. <TR></TR> These tags are used to define a table row. The normal sequence of tags will be: Table definition, including border width and table width Row definition Data cell definition, including width and/or background color of the cell <TH></TH> These tags can be used to define cells in a header row of a table. Text typed between the tags will be displayed in a font providing more emphasis than text typed between tags in a normal cell. <TD></TD> These tags can be used to define cells in a row of a table. Each cell may contain text, html coding for images or hypertext links, even lists. <td bgcolor="red"></td> You can use combined tags such as these to define the width of a table data cell or the background color of the cell. Example of table with border (use View Document Source to see the coding): Header One Header Two Header Three First data cell Second data cell Third data cell Online Resources: World's Highest Mountains The Weather Channel - Home Page CNET.com - Welcome to CNET! La Maison Européenne Internet Literacy - Chapter 20: Flags to use in Olympics table Go to: Chapter Nineteen Chapter Twenty-One

Copyright 1999 by California State University, Monterey Bay, and Hartnell College Please report any missing or broken links to Jennifer Lagier