Tables - Edubirdie

University:
California State University, Northridge
Course:
COMP 100 | Computers: Their Impact and Use
Academic year:

2024
Views:

391

Pages:

3
Author:

Francis Spencer

Tables The tag can also be used to display content in tabular format. There are two types of tables: data tables and layout tables. Data tables are tables which contain information mean to be evaluated in columns and rows. Layout tables are tables used to be place content at specific locations on the web page. From a coding point of view, data and layout tables are produced in almost the same manner. The discussion below represents something of a simplified account of tables and their use. Data Tables Data tables have the following structure: Column 1 Header Column 2 Header Row 1 Row 2 This structure is produced using the following elements: Element Description

Table Element Table Row ) are by default displayed in bold and centred in most browsers. However, this behaviour can be changed using CSS. Data tables must have column headers for reasons of accessibility, since many assistive technologies read tables horizontally, rather than down columns. The appearance of tables can be adjusted through the use of attributes and/or CSS. The following attributes are commonly used for the

Table Header (the column header)

Table Cell Hence the code to produce the first table above is:

	Column 1 Header	Column 2 Header
Row 1
Row 1

Notice that empty table cells are filled with the entity . If this is omitted, the cell borders will not always display correctly. Table headers (

element (there are others). Attribute Description @align Table Alignment @width Table Width @border Table Border @cellspacing Space between table cells @cellpadding Padding between cell borders and their content All these attributes (except for @align) are measured in pixels by default, or by percentages if they have a percentage sign. The following table element uses all these attributes:

The following attributes are commonly used inside the

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 Networking Fundamentals: Quiz 10 - Exploring Computer Science Concepts Constructor, Inheritance and Method Overriding Examination of Histograms Exam Notes: Unit 7 Level 3 Unit 18B. The Rate of Reaction Between HCl and CaCO3 Compressing Data Assignment The Resilience and Enduring Relevance of UNIX How do You Determine the Shortest Path Between Two Nodes in a Weighted The Concept of Recursion Work in Solving Problems Fundamentals of Statistics Java Design Patterns & Streams Quiz 12: Test Environmental Justice and African American Literature African American Folklore and Oral Traditions Exploring the Harlem Renaissance Through Literature Graph Theory Principles and Data Structures The Rise of Virtual Reality Polymorphism, Generics and Encapsulation Introduction To Object Oriented Programming Interface and Abstract Class Java Database Connectivity Quiz 11 Tables of 3 0/0 Recommended Documents Evolution and Impact of the UNIX Operating System in the Digital Era California State University, Northridge COMP 100 \| Computers: Their Impact and Use Assignment Hard Disk Organization California State University, Northridge COMP 100 \| Computers: Their Impact and Use Lecture Note New Documents from this Course Using Lists to Reduce Complexity California State University, Northridge COMP 100 \| Computers: Their Impact and Use Study Guide Creating (ab) Single Subject Design Graphs California State University, Northridge COMP 100 \| Computers: Their Impact and Use Study Guide Box End User Guide California State University, Northridge COMP 100 \| Computers: Their Impact and Use Study Guide Chapter 20: Microprogrammed Control California State University, Northridge COMP 100 \| Computers: Their Impact and Use Study Guide Powerpoint 2007 - Layouts, Themes & Masters California State University, Northridge COMP 100 \| Computers: Their Impact and Use Study Guide Power Point 2003 Basics & Beyond California State University, Northridge COMP 100 \| Computers: Their Impact and Use Study Guide DHS Test Plan Identifier California State University, Northridge COMP 100 \| Computers: Their Impact and Use Study Guide Chapter 1. Using a VI as a SubVI California State University, Northridge COMP 100 \| Computers: Their Impact and Use Study Guide VLSI and Embedded System California State University, Northridge COMP 100 \| Computers: Their Impact and Use Assignment Advancements in Natural Language Processing California State University, Northridge COMP 100 \| Computers: Their Impact and Use Assignment The Resilience and Enduring Relevance of UNIX California State University, Northridge COMP 100 \| Computers: Their Impact and Use Assignment Fair Use Policy EduBirdie considers academic integrity to be the essential part of the learning process and does not support any violation of the academic standards. Should you have any questions regarding our Fair Use Policy or become aware of any violations, please do not hesitate to contact us via support@edubirdie.com. Popular Services Essay writing service Pay someone to do my homework Do my assignment for me Pay for essay Essay writers for hire Write my research paper Do my homework Personal statement writing service Study Resources Essay Examples Blog Study Notes About Us How it works? Testimonials FAQ Money back guarantee Contact us support@edubirdie.com +3 (595) 691 8356 +1 (888) 337 5415 For press Press and media Brand assets Local sites We accept 2024 © EduBirdie.com. All rights reserved Privacy Policy \| Terms of Use \| Fair use policy Subscription rules \| Referral program Rules \| Payment policy Report Tell us what’s wrong with it: This document has been uploaded under the incorrect course.The name of the document is incorrect.The document contains low-quality or useless content.The document is difficult to read.There is another reason. Thanks, got it! We will moderate it soon! Report Tell us what’s wrong with it: This document has been uploaded under the incorrect course.The name of the document is incorrect.The document contains low-quality or useless content.The document is difficult to read.There is another reason. Almost There! Two easy ways to download this document or Upgrade to premium for unlimited access 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 unlock Enter your email below and get instant access to your document This field is required Please enter a valid email address This field is required Are you open to sharing your study documents in the future? This field is required By clicking 'Sign Up', you agree to our Terms and Conditions and Privacy Policy.