Join Bill Weinman for an in-depth discussion in this video Introducing tables, part of XHTML and HTML Essential Training.
Tables in XHTML and HTML are useful for showing tabular data for associating…data and for aligning visual elements on a page.…And so we're going to look at some examples of some tables here and look at how tables work.…In this first lesson in this chapter, we've this example table and you'll see…that it starts there on the page, the table tag, and way down here in the lower…part of the page, you'll see that it has the closed table tag.…So the table tag is a container and it's a block-level element and it creates a table.…
And so within the table you've different pieces of information.…Here is the caption that says My Favorite Albums and so that associates with…this here on the screen, and so your caption is useful for labeling the table as a whole.…And then we've a table row and you see it says Artist, Title and Comment.…So that's this row here.…So tr is for table row and it's a container and it only exists within a table.…It's not legal outside of the table.…And th is a table heading element and that's for these cells within the table, right here.…
- Understanding the structure of an HTML or XHTML document
- Creating and using templates
- Controlling white space and line breaks
- Making effective use of tables and frames
- Flowing text around an image
- Formatting tables with CSS
- Creating web pages that work properly across platforms and devices
- Reviewing a case study of a complete web site
Skill Level Beginner
Q: In this title, the instructor uses tables to create a website design. Is there a way to create this same layout with CSS?<br />
A: This course will be updated to include CSS-based layout techniques within<br /> the next few months. In the meantime, please see Bill's <a href="<br /> http://www.lynda.com/home/DisplayCourse.aspx?lpk2=52341">CSS for<br /> Developers</a> title for more information on coding with CSS.<br />
Q: In the "Understanding the structure of an XHTML document" movie in Chapter 1, where does the "Roses are red," etc, text come from? I don't see it in the code.
<div>A: Notice the <frame src="??"> tags. These reference other .html files that contain the content of the various frames. Details about how frames work can be found in Chapter 6 of the course.</div>
Q: In this title, the instructor uses tables to create a website design. Is there a way to create this same layout with CSS?
A: This course will be updated to include CSS-based layout techniques later in 2012. In the meantime, please see Bill's <a href="http://www.lynda.com/home/DisplayCourse.aspx?lpk2=52341">CSS for Developers</a> title for more information on coding with CSS.
1. Introducing XHTML and HTML
2. Text Tags
3. Image Tags
Using inline images3m 17s
4. Link Tags
9. Creating a Simple Web Page from Scratch
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.