Lecture Note
University:
California State University, NorthridgeCourse:
COMP 100 | Computers: Their Impact and UseAcademic year:
2024
Views:
391
Pages:
3
Author:
Francis Spencer
Table Header (the column header) |
Table Cell
Hence the code to produce the first table above is:
| |||||||||
---|---|---|---|---|---|---|---|---|---|---|
and | elements (there are others): Attribute Description @align Cell Alignment @width Cell Width @height Cell Height @colspan Make the row span multiple columns @rowspan Make the column span multiple rows The use of @colspan is illustrated in the following table: Column 1 Subcolumn A Column 2 SubcolumnB In the first row of the column, the code | is used to indicate that the row should span two column. @colspan is used in a similar way. Layout Tables It should be clear that attributes like @colspan make it possible to layout the content of an entire web page inside table cells. For instance, although the layout of this web page is achieved using CSS, its basic structure can be created with a table: Header Menu Content Footer Apart from the fact that no | elements are used, this layout table is coded using the same
techniques describe above.
The W3C recommends the use of CSS, rather than layout tables, for web page layout since this
enforces the principle of separating content from presentation. The method involves applying various
CSS properties such as margin and padding to (X)HTML elements. It is not always easy to achieve the desired results, especially across multiple browsers. This web page adopts one method for
producing a two-column format with a header and a footer. The three-column equivalent is known in
web design circles as the "Holy Grail" because of the difficulty of finding a way to produce a perfect
three-column layout.
Other than the fact that different browsers implement CSS differently, part of the problem is that the
current version of CSS (CSS2) was not designed for layout purposes. Hence the methods currently
available in CSS for layout are not always practical. Until CSS3 becomes a standard, there is still likely
be a need for layout tables.
Related Documents
Tables of 3
Recommended Documents
⏰ Deadline pressure?
Get your assignment done in just 3 hours. Quick, easy, and available 24/7. New Documents from this CourseReport Tell us what’s wrong with it:
Thanks, got it! Free up your schedule!Our EduBirdie Experts Are Here for You 24/7! Just fill out a form and let us know how we can assist you. Take 5 seconds to unlockEnter your email below and get instant access to your document |
---|