2 Computer science grade 10 Tables_presentation2_ 1 variant

  • pptx
  • 09.05.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 2 Computer science grade 10 Tables_presentation2_ 1 variant.pptx

Tables

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.
- Demonstrates knowledge of web document structure
- Uses tags to create a table on your own webpage.

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 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

55577855

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
Use the HTML  element to define a table row
Use the HTML 
 element to define a table data
Use the HTML 
 element to define a table heading
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

Task