Разделы презентаций


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

Содержание

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

Слайды и текст этой презентации

Слайд 1Язык разметки гипертекста
Основные конструкции

Язык разметки гипертекстаОсновные конструкции

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

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

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

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

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

Слайд 4Создание заголовков таблицы - тег
Заголовок может состоять из любого

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

таблицы.
Создание заголовков таблицы - тег Заголовок может состоять из любого текста и изображений. Текст будет разбит на

Слайд 5Создание строки таблицы - тег
Данные в таблице

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

тег можно не использовать).

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



Создание строки таблицы - тег  Данные в таблице организованы построчно, каждая новая строка таблицы задается тегом

Слайд 6Создание столбца таблицы - тег
Внутри строки

таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая текст

или изображение, должна быть окружена тегами <ТD> .

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

Создание столбца таблицы  - тег   Внутри строки таблицы обычно размещаются ячейки с данными. Каждая

Слайд 7Создание заголовков столбцов таблицы - тег

Эти теги подобны .


Отличие состоит в том, что текст, заключенный
между тегами , автоматически

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

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

Создание заголовков столбцов таблицы - тег Эти теги подобны . Отличие состоит в том, что текст, заключенныймежду

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

Пример

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

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

...

- таблица


BORDER=1 DIR=RTL >
...


- таблица

>
...

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

Слайд 13Пример

CELLSPACING=4 CELLPADDING=5>
...



- таблица

Пример...- таблица

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

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

.

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

Объединение элементов таблицДля объединения ячеек соседних строк и столбцов таблицы, в HTML используются атрибуты ROWSPAN и COLSPAN

Слайд 15

ДРУЗЬЯ И ПОДРУГИ


ДРУЗЬЯКоля44-44-44


Вася33-33-33

ALIGN=CENTER>
ПОДРУГИМаша11-11-11


Глаша22-22-22


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

Слайд 17
...(выравнивание дробных чисел

по разделителю дробной части)

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

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

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

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

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

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

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

Слайд 22

BORDERLIGHT=lightblue >
...


...

Слайд 23Пример

BGCOLOR=YELLOW>...
- таблица

- строка

-

ячейка
Пример...- таблица - строка - ячейка

Слайд 24Вложенные таблицы
Используют, когда структура таблицы является сложной.

Вложенные таблицыИспользуют, когда структура таблицы является сложной.

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика