Добавить материал

и получить 10 документов
и свидетельство автора

Рыбинок Екатерина Валерьевна

2_Computer science grade 10 Tables_presentation_1_ 2 variant

ppt
09.05.2020

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

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

Добавить материал

2_Computer science grade 10 Tables_presentation_1_ 2 variant.ppt

Tables

Learning objective

10.4.2.1 use HTML in web-development

Expected results

Students know

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

Defining a Table Structure

The first step to creating a table is to specify the table structure:
the number of rows and columns
the location of column headings
the placement of a table caption
Once the table structure is in place, you can start entering data into the table.

Using the

, , and

Tags

Graphical tables are enclosed within a two-sided

tag that identifies the start and ending of the table structure.
Each row of the table is indicated using a two-sided (for table row).
Within each table row, a two-sided

(for table data) tag indicates the presence of individual table cells.

The General Table Syntax

First Cell Second Cell

Third Cell Fourth Cell

two columns

HTML Structure of a Table

You do not need to indent the

tags or place them on separate lines, but you may find it easier to interpret your code if you do so.

After the table structure is in place, you’re ready to add the text for each cell.

Creating Headings with the

Tag

HTML provides the

tag for table headings.
Text formatted with the

tag is centered within the cell and displayed in a boldface font.
The

tag is most often used for column headings, but you can use it for any cell that you want to contain centered boldfaced text.

Adding Table Headings to the Table

Text in cells formatted with the

tag is bold and centered above each table column.

Adding a Table Border

By default, browsers display tables without table borders.
A table border can be added using the border attribute to the

tag.
The syntax for creating a table border is:

value is the width of the border in pixels
The size attribute is optional; if you don’t specify a size, the browser creates a table border 1 pixel wide.

Tables with Different Borders Values

This figure shows the effect on a table’s border when the border size is varied.

Adding a 5-Pixel Border to a Table

Only the outside border is affected by the border attribute; the internal gridlines are not affected.

Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.

Нажимая кнопку «Скачать», вы принимаете условия оферты, обработки и защиты личных данных и подключаете бесплатные почтовые уведомления с возможностью отписки.

Посмотрите также