HTML Advanced Techniques

Using Tables

Example 1: A Roster

Name

Title

email

Phone

Rene Hales

Queen of the FACTS Center

halesr@pop.uky.edu

257-6608

Liz Lahm

Queen of STATE-KY

ealahm1@pop.uky.edu

257-1520

Ed Blackhurst

Technology King

eblckhrst@pop.uky.edu

257-0879

Kelly Moore

Graduate Assistant

kmore@pop.uky.edu

257-0025

Bev Nickels

Graduate Assistant

blnick0@pop.uky.edu

257-4269

Name	Title	email	Phone
Rene Hales	Queen of the FACTS Center	halesr@pop.uky.edu	257-6608
Liz Lahm	Queen of STATE-KY	ealahm1@pop.uky.edu	257-1520
Ed Blackhurst	Technology King	eblckhrst@pop.uky.edu	257-0879
Kelly Moore	Graduate Assistant	kmore@pop.uky.edu	257-0025
Bev Nickels	Graduate Assistant	blnick0@pop.uky.edu	257-4269

Example 2: Using Colspan and Rowspan

Average

height

weight

males

1.9

0.003

females

1.7

0.002

	Average
height	weight
males	1.9	0.003
females	1.7	0.002

Example 3: Using a Table border to frame a graphic.

Example 4: Using the Table tags to layout text.
Examples 4 and 5 are from pages developed by Dan Brown (brown@vmedia.com) an Online Developer for Ventana Communications Group and Design Editor for Navigate!, the online magazine for Netscape users. Besides writing and designing Web sites for Ventana and Netscape Press, Dan produces some of the multi-media CD-ROMs that come with Ventana books. Outside Web and technology development, Dan spends his time exploring online culture, information design, dogs, drumming and jazz. Dan graduated from Wesleyan University with a degree in Philosophy. His home page is (and don't say we didn't warn you): http://www.vmedia.com/dan.

1. brown

\'brau.n\ aj [ME broun, fr. OE bru-n; akin to OHG bru-n brown, Gk Xphryne- toad : of the color brown; esp : of dark or tanned complexion

/work/index.html">work
My contributions to the digital jungle. Work primarily geared toward supporting and complementing Ventana's books.

personal
Alter ego. Behind the mask. Split-personality. Outside the office. Jack-in-the-box. Jack o' lantern. Jack of all trades.

site-seeing
Electronic hang-outs. Fave spots on the backroads of cyberspace.

Example 5: Another Table tag layout.

work

My work at Ventana Communications Group focuses mostly on technology development, supporting our products online and with multimedia, as well as creating original content.

Information Design
Structure and flow. Creating a workable terrain out of mountains of information. Organizing plot lines for information that isn't a story.

Interface Design
Familiarity, accessibility, comfort. Designing pages that anticipate the users' needs, actions, and thoughts. The best interface is non-existant, presenting no visible barrier between the user and the information.

Communication & Community
Feedback. Communicating with users and among users yields growth. Building community means giving users opportunities to find people who understand them.

Teamwork
Collaboration and dialogue. Working with other intelligent and creative people in an environment that encourages thinking beyond boundaries. Yeah, it's Eden.

Created by Rene Hales and Trish Smith for the UK FACTS.
Questions, comments, or suggestions about this page may be sent to Rene Hales at halesr@pop.uky.edu
Updated on June 16,1997

/work/index.html">work My contributions to the digital jungle. Work primarily geared toward supporting and complementing Ventana's books.
		personal Alter ego. Behind the mask. Split-personality. Outside the office. Jack-in-the-box. Jack o' lantern. Jack of all trades.

	site-seeing Electronic hang-outs. Fave spots on the backroads of cyberspace.


My work at Ventana Communications Group focuses mostly on technology development, supporting our products online and with multimedia, as well as creating original content.

	Information Design Structure and flow. Creating a workable terrain out of mountains of information. Organizing plot lines for information that isn't a story.

		Interface Design Familiarity, accessibility, comfort. Designing pages that anticipate the users' needs, actions, and thoughts. The best interface is non-existant, presenting no visible barrier between the user and the information.

			Communication & Community Feedback. Communicating with users and among users yields growth. Building community means giving users opportunities to find people who understand them.

				Teamwork Collaboration and dialogue. Working with other intelligent and creative people in an environment that encourages thinking beyond boundaries. Yeah, it's Eden.