Tables creating a table within a web page. What makes up a table? Columns Rows

Tables creating a table within a web page

What makes up a table?Columns

Tag Elements you need to know…

• <table>...</table>– Tabular content (rows and columns)

• <tr>...</tr>– Table row

• <th>...</th>– Table header

• <td>...</td>– Table cell data

• cellpadding – <cellpadding =“ “> cell padding is the amount of space held between the contents of the cell and the cell border. example: <table cellpadding=“15”>

• cellspacing - <cellspacing=“ “> Cell spacing is the amount of space held between cells, specified by the number of pixels. If you don’t specify anything, the browser will use the default value of 2 pixels between cells. example: <table cellpadding=“15” cell spacing=“15”>

• caption – <caption> used to give a table a title or brief description. The caption element must be the first thing within the table element.

• summary - <summary = “ “> the summary provide a more lengthy description of the table and its contents. The summary element is in the table element. The summary is not rendered in visual browsers, but may be used by screen readers or other assistive devices to give visually impaired users a better understanding.

PracticeCreate a basic html document. Within the body element, practice making a

table.

Table Elements

Check it in your

browser. Does it lo

like this?

Row group elementsYou can describe rows or groups of rows as belonging to a header, footer, or the body of a table using the thead, tfoot, and tbody elements, respectively. Some user agents (another word for a browsing device) may repeat the header and footer rows on tables that span multiple pages. Authors may also use these elements to apply styles to various regions of a table.Column group elementsColumns may be identified with the col element or put into groups using the colgroup element. This is useful for adding semantic context to information in columns and may be used to calculate the width of tables more quickly. Notice that there is no content in the column elements; it just describes the columns before the actual table data begins.Accessibility featuresAccessibility features such as captions for providing descriptions of table content and the scope and headers attributes for explicitly connecting headers with their respective content are discussed later in this chapter.pg 155

Practice II • Write the html text to create this table.

Making a Row span two Columns

Column spans , created with the colspan attribute in the td or th element,• stretch a cell to the right to span over the subsequent columns (Figure 8-6

).Here a column span is used to make a header apply to two columns. (I’veadded a border around cells to reveal the table structure in the screenshot.)

Practice III • Write the html text to create this table with a

column span.

Making a Column span multiple Rows

Row spans, created with the rowspan attribute, work just like column spans,but they cause the cell to span downward over several rows. In this example,the first cell in the table spans down three rows

Practice IV • Write the html text to create this table with a

row span.

Challenge• Write the html text to create this table.

• Add a border to your table with CSS. (you can change the size (pixel) and color.

Tables creating a table within a web page. What makes up a table? Columns Rows

Documents

Mathematica Tutorial: Grids Rows And Columns In Mathematicalibrary.wolfram.com › infocenter › Books › 8512 › Grids...Grids, Rows, and Columns in Mathematica The Basic Constructs

AS Chemistry The Periodic Table. THE PERIODIC TABLE occur in the same vertical columns (GROUPS). = the elements arranged in rows (PERIODS) such that chemically

Tables Microsoft Word Tables A table is a grid of rows and columns that intersect to form cells. A table is a grid of rows and columns that intersect

· Web viewSpread sheet: introduction to MS- EXCELL, worksheet, cell, range, toot bars, creation of worksheet, editing, insertion of columns, rows, deletion of columns and rows,

Microsoft Office Excel 2007 Office Excel 2007 (or Excel) ... Much like a table in Microsoft Word, a worksheet contains columns, rows, and cells. Columns run vertically in the worksheet

Datasheets III: Make data easier to read by formatting columns and rows Overview: Data clarity A datasheet is a grid of rows and columns that displays

3 - Modifying Columns, Rows, And Cells

Objectives Create / Define / Name an Excel table Explore the Ribbon Table Tab Add and delete records (Rows) and Fields (Columns) Add Formulas

Microsoft Excel Project 3. Formatting the Worksheet Resizing Rows and Columns There are two ways to resize rows and columns. 1. Resize a row by dragging

Grids Rows and Columns in Mathematica

Excel 2010 Formatting Columns and Rows Excel 2010 / Mr. Bitenas In this lesson you will learn how to insert, delete, and resize Columns and Rows

Retrieving Data Using the SQL SELECT Statement · • Write a SELECT statement that: – Returns all rows and columns from a table – Returns specified columns from a table – Uses

THE PERIODIC TABLE - lc.wnlsd.calc.wnlsd.ca/~darryl.macneil/S01A02692.14/Power Point Two.pdf · DMITRI MENDELEEV (1834-1907) ... The periodic table is arranged in rows and columns

Chapter2 2 - aditipaulsite.files.wordpress.com · Chapter2 2 Scan Conversion The screen of a computer is divided into rows and columns. The intersection area of these rows and columns

OneNote 2010 - Forrest Training€¦ · Working with Tables Inserting a Table, Adding Content to a Table, Selecting Content in a Table, Inserting Rows and Columns, Deleting Rows and

Random matrices with independent rows or columns

Periodic Table Chapter 6. Periodic Table A chart that organizes all known elements into a grid of horizontal rows, periods, and vertical columns, groups,

The Periodic Table and Periodicity. Arrangement In order of increasing atomic number in specific columns and rows

Tables Apply correct table format.. What is a Table? A table is a grid of rows and columns used to display and organize information

5. Introduction to Spreadsheetvijaya/ssrvm/dokuwiki/media/s6_l5_2dec.pdf · Cell Rows Cell address Spreadsheet: Concept The spreadsheet is a huge table with many rows and columns