Создание таблиц Таблицы в HTML

Сентябрь 3, 2022

Главная
Алгебра
Создание таблиц Таблицы в HTML

Содержание

2. План занятия 1. Создание таблиц.
3. Создание таблиц Таблицы в HTML определяются при помощи тега ... , заключающего в себе другие элементы
4. Создание заголовков таблицы - тег Заголовок может состоять из любого текста и изображений. Текст будет разбит
5. Создание строки таблицы - тег Данные в таблице организованы построчно, каждая новая строка таблицы задается тегом
6. Создание столбца таблицы - тег Внутри строки таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая
7. Создание заголовков столбцов таблицы - тег Эти теги подобны . Отличие состоит в том, что текст,
9. Список друзей и подруг ФИО Телефон Иванов Иван 35-35-35 Петрова Юлия 46-46-46 Пример
11. Направление следования ячеек в таблице ... - таблица ... - таблица ...
13. Пример CELLSPACING=4 CELLPADDING=5> ... - таблица
14. Объединение элементов таблиц Для объединения ячеек соседних строк и столбцов таблицы, в HTML используются атрибуты ROWSPAN
15. ДРУЗЬЯ И ПОДРУГИ ДРУЗЬЯ Коля 44-44-44 Вася 33-33-33 ПОДРУГИ Маша 11-11-11 Глаша 22-22-22
17. ...(выравнивание дробных чисел по разделителю дробной части) Выравнивание данных в ячейках таблицы по горизонтали
18. Выравнивание данных в ячейках таблицы по вертикали
19. Окрашивание таблиц и рамок К таблице можно добавить фон, можно выделить цветом отдельные строки или ячейки
22. BORDERLIGHT=lightblue > ...
23. Пример BGCOLOR=YELLOW>... - таблица - строка - ячейка
25. Скачать презентацию

Слайд 2

План занятия
1. Создание таблиц.

Слайд 3

Создание таблиц
Таблицы в HTML определяются при помощи тега
...
, заключающего

в себе другие элементы таблицы: название, заголовки ячеек и их содержимое.

Слайд 4

Создание заголовков таблицы - тег <САРТIОN>
Заголовок может состоять из любого текста

и изображений. Текст будет разбит на строки, соответствующие ширине таблицы.

Слайд 5

Создание строки таблицы - тег <ТR>
Данные в таблице организованы построчно,

каждая новая строка таблицы задается тегом ... (закрывающий тег можно не использовать).

Весь текст, другие теги и атрибуты, которые требуется
поместить в одну строку, должны размещаться между
тегами <ТR>.

Слайд 6

Создание столбца таблицы - тег <ТD>
Внутри строки таблицы обычно

размещаются ячейки с данными. Каждая ячейка, содержащая текст или изображение, должна быть окружена тегами <ТD> .

Число тегов <ТD> в строке определяет число ячеек
(столбцов).

Слайд 7

Создание заголовков столбцов таблицы - тег <ТН>
<ТН>
Эти теги подобны <ТD>.
Отличие

состоит в том, что текст, заключенный
между тегами <ТН>, автоматически запи-
сывается жирным шрифтом и по умолчанию
располагается посередине ячейки.

- Таblе Неаder (заголовок
таблицы).

Слайд 8

Слайд 9

Список друзей и подруг
ФИО Телефон
Иванов Иван 35-35-35
Петрова Юлия 46-46-46

Пример

Список друзей и подруг
ФИО	Телефон
Иванов Иван	35-35-35
Петрова Юлия	46-46-46

Слайд 10

Слайд 11

Направление следования ячеек в таблице

...

- таблица
>
...

- таблица

...

Слайд 12

Слайд 13

Пример
CELLSPACING=4 CELLPADDING=5>
...

- таблица

Слайд 14

Объединение элементов таблиц
Для объединения ячеек соседних строк и столбцов таблицы, в

HTML используются атрибуты ROWSPAN и COLSPAN тегов и .

Данные атрибуты задают количество объединяемых ячеек
в строке (ROWSPAN=N) или столбце (COLSPAN=N).

Слайд 15

ROWSPAN=2>ПОДРУГИ

ДРУЗЬЯ И ПОДРУГИ
ДРУЗЬЯ Коля 44-44-44
Вася 33-33-33
Маша 11-11-11
Глаша 22-22-22

ДРУЗЬЯ И ПОДРУГИ
ДРУЗЬЯ	Коля	44-44-44
Вася	33-33-33
Маша	11-11-11
Глаша	22-22-22

Слайд 16

Слайд 17

...(выравнивание дробных чисел по разделителю
дробной части)

Выравнивание данных в ячейках таблицы по горизонтали

Слайд 18

Выравнивание данных в ячейках таблицы по вертикали

Слайд 19

Окрашивание таблиц и рамок
К таблице можно добавить фон, можно выделить цветом

отдельные строки или ячейки .

Слайд 20

Слайд 21

Слайд 22

BORDERLIGHT=lightblue >
...

Слайд 23

Пример
BGCOLOR=YELLOW>...

- таблица

- строка

BGCOLOR=YELLOW>

- ячейка

Создание таблиц Таблицы в HTML

Содержание

План занятия1. Создание таблиц.

Создание таблиц Таблицы в HTML определяются при помощи тега ..., заключающего

Создание заголовков таблицы - тег <САРТIОN>Заголовок может состоять из любого текста

Создание строки таблицы - тег <ТR> Данные в таблице организованы построчно,

Создание столбца таблицы - тег <ТD> Внутри строки таблицы обычно

Создание заголовков столбцов таблицы - тег <ТН><ТН>Эти теги подобны <ТD>. Отличие

Список друзей и подругФИОТелефонИванов Иван35-35-35Петрова Юлия46-46-46 Пример

Направление следования ячеек в таблице...- таблица>...- таблица...

Пример CELLSPACING=4 CELLPADDING=5>...- таблица

Объединение элементов таблицДля объединения ячеек соседних строк и столбцов таблицы, в

ROWSPAN=2>ПОДРУГИДРУЗЬЯ И ПОДРУГИДРУЗЬЯКоля44-44-44Вася33-33-33Маша11-11-11Глаша22-22-22

...(выравнивание дробных чисел по разделителюдробной части)Выравнивание данных в ячейках таблицы по горизонтали