Таблицы
<<  Таблица умножения Создание таблиц  >>
Создание таблиц
Создание таблиц
Постановка задачи
Постановка задачи
Структура таблицы
Структура таблицы
Добавление цвета фона
Добавление цвета фона
Размер ячеек
Размер ячеек
Выравнивание текста
Выравнивание текста
Вертикальное выравнивание
Вертикальное выравнивание
<tr> <td height=35 bgcolor=#ffcc33 colspan=2>1x1</td> <td width=50
<tr> <td height=35 bgcolor=#ffcc33 colspan=2>1x1</td> <td width=50
Если прописать лишнюю ячейку
Если прописать лишнюю ячейку
Объединение строк
Объединение строк
Создайте самостоятельно
Создайте самостоятельно
Расстояние между ячейками
Расстояние между ячейками
Отступ от границ ячейки
Отступ от границ ячейки

Презентация на тему: «Создание таблиц». Автор: Учитель. Файл: «Создание таблиц.ppt». Размер zip-архива: 68 КБ.

Создание таблиц

содержание презентации «Создание таблиц.ppt»
СлайдТекст
1 Создание таблиц

Создание таблиц

Язык HTML

2 Постановка задачи

Постановка задачи

Создать таблицу, состоящую из двух строк и трех столбцов размером 50 Х 35

3 Структура таблицы

Структура таблицы

<table> <tr> <td>1x1</td> <td>1x2</td> <td>1x3</td> </tr> <tr> <td>2x1</td> <td>2x2</td> <td>2x3</td> </tr> </table>

4 Добавление цвета фона

Добавление цвета фона

<table> <tr> <td bgcolor="#FFCC33">1x1</td> <td bgcolor="#336699">1x2</td> <td bgcolor="#FFCC33">1x3</td> </tr> <tr> <td bgcolor="#336699">2x1</td> <td bgcolor="#FFCC33">2x2</td> <td bgcolor="#336699">2x3</td> </tr> </table>

5 Размер ячеек

Размер ячеек

<table> <tr> <td height="35" width="50" bgcolor=#ffcc33>1x1</td> <td width="50" bgcolor="#336699">1x2</td> <td width="50" bgcolor="#FFCC33">1x3</td> </tr> <tr> <td height="35" bgcolor="#336699">2x1</td> <td bgcolor="#ffcc33">2x2</td> <td bgcolor="#336699">2x3</td> </tr> </table>

6 Выравнивание текста

Выравнивание текста

<table> <tr align=“center”> <td height="35" width="50" bgcolor=#ffcc33>1x1</td> <td width="50" bgcolor=#336699>1x2</td> <td width="50" bgcolor=#ffcc33> 1x3 </td> </tr> <tr align="center"> <td height="35" bgcolor=#336699> 2x1 </td> <td bgcolor=#ffcc33>2x2</td> <td bgcolor=#336699>2x3</td> </tr> </table>

7 Вертикальное выравнивание

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

Valign="top" /* middle, bottom */

8 <tr> <td height=35 bgcolor=#ffcc33 colspan=2>1x1</td> <td width=50

<tr> <td height=35 bgcolor=#ffcc33 colspan=2>1x1</td> <td width=50

bgcolor=#336699>1x2</td> </tr> <tr> <td height=35 width=50 bgcolor=#336699>2x1</td> <td width=50 bgcolor=#ffcc33>2x2</td> <td bgcolor=#336699>2x3</td> </tr>

9 Если прописать лишнюю ячейку

Если прописать лишнюю ячейку

10 Объединение строк

Объединение строк

Объединить ячейки в столбце можно с помощью атрибута rowspan, например, в ячейке 1х3 написать rowspan=2. Какая ячейка должна отсутствовать? Как записать размер объединенной ячейки?

11 Создайте самостоятельно

Создайте самостоятельно

12 Расстояние между ячейками

Расстояние между ячейками

<table cellspacing=0> … </table>

13 Отступ от границ ячейки

Отступ от границ ячейки

<table cellpadding=5> … </table>

«Создание таблиц»
http://900igr.net/prezentacija/informatika/sozdanie-tablits-253734.html
cсылка на страницу
Урок

Информатика

130 тем
Слайды