Table
of
Contents:
Course Syllabus
Course Assignments and Due Dates
Tips and Tricks
Part One: Understanding The Internet
Part Two: Getting On The Internet
Part Three: Communicating Over The Internet
Part Four: Finding Things On The Internet
Part Five: Creating Web Pages
Part Six: Using Multimedia On The Internet
Part Seven: Planning For The Future Of The Internet
Send E-Mail to Instructor
Internet Resources 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
Assignment to turn in for credit:
Create a new web page which includes a table. You can place images, text, or hypertext links within the cells of the table. Give your file an htm extension, then attach it and all related files to an email and send it to the
instructor.
Submit your files
Go to:
Chapter Nineteen
Chapter Twenty-One
|
