2 Computer science grade 10 Tables_presentation2

Tables

Learning objective 10.4.2.1 use

Learning objective

10.4.2.1 use HTML in web-development

Expected results Students - Demonstrates the skill of creating, saving and opening your own web page

Expected results

Students
- Demonstrates the skill of creating, saving and opening your own web page.
- Demonstrates knowledge of web document structure
- Uses tags to create a table on your own webpage.

HTML Table - Cells that Span Many

HTML Table - Cells that Span Many Columns

To make a cell span more than one column, use the colspan attribute:

Name Telephone Bill Gates 55577854 55577855

Name	Telephone
Bill Gates	55577854	55577855

HTML Table - Cells that Span Many

HTML Table - Cells that Span Many Rows

To make a cell span more than one row, use the rowspan attribute:

Name: Bill Gates Telephone: 55577854 55577855

Name:	Bill Gates
Telephone:	55577854
Telephone:	55577855

HTML Table - Adding a Caption

HTML Table - Adding a Caption

To add a caption to a table, use the tag:

Monthly savings Month Savings January $100 February $50

Month	Savings
January	$100
February	$50

Monthly savings

Summary Use the HTML element to define a table

Summary

Use the HTML

element to define a table
Use the HTML element to define a table row
Use the HTML

element to define a table caption
Use the CSS **border** property to define a border
Use the CSS **border-collapse** property to collapse cell borders
Use the CSS **padding** property to add padding to cells
Use the CSS **text-align** property to align cell text
Use the CSS **border-spacing** property to set the spacing between cells
Use the **colspan** attribute to make a cell span many columns
Use the **rowspan** attribute to make a cell span many rows
element to define a table data Use the HTML	element to define a table heading Use the HTML

Task

2 Computer science grade 10 Tables_presentation2_ 1 variant

Скачать файл