Презентация 11 -12 Вставка таблиц в HTML-документ

Зарегистрируйтесь, чтобы просмотреть полный документ!

РЕГИСТРАЦИЯ

Презентация 11 -12 Вставка таблиц в HTML-документ

Создание таблицы <table> <tr> <td>Содержимое таблицы</td> </tr> </table>

<table> <tr> <td>Ячейка 1</td> <td>Ячейка 2</td> </tr> <tr> <td>Ячейка 3</td> <td>Ячейка 4</td> </tr> </table> Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4

Параметры таблицы <table свойство 1=. . . свойство 2=. . . > Свойство background= bgcolor= Значение left right center URL #rrggbb border= n bordercolor= #rrggbb align= bordercolordark= #rrggbb Описание Выравнивание таблицы Пример align=center Фоновый рисунок Цвет фона таблицы Толщина рамки в пикселях Цвет рамки background=pic. gif bgcolor=#FF 9900 Тень рамки bordercolordark=#f 0 f 0 f 0 border=2 bordercolor=#333333

Параметры таблицы Свойство Значение cellpadding= n cellspacing= n top valign= bottom width= n n% height= n n% Описание Пример Расстояние между ячейкой и cellpadding=7 ее содержимым Расстояние между ячейками cellspacing=3 Выравнивание по высоте valign=top Минимальная ширина таблицы, можно задавать в пикселях или процентах Минимальная высота таблицы, можно задавать в пикселях или процентах width=90% height=18

Пример <table width="100%" bgcolor="#CCCCCC" bordercolor="#000000" border="1" cellspacing="2" cellpadding="2"> <tr> <td>Столбец 1</td> <td>Столбец 2</td> <td>Столбец 3</td> </tr> <td>Соддержание 1</td> <td>Соддержание 2</td> <td>Соддержание 3</td> </tr> </table>

Параметры ячеек Параметры могут быть добавлены к тегам TR и TD. Свойство Значение left right center Описание Пример Выравнивание содержимого ячейки align=center background= URL Устанавливает фоновый рисунок в ячейке background=pic. gif bgcolor= #rrggbb Цвет фона ячейки bgcolor=#FF 9900 top midlle bottom n n% Выравнивание содержимого ячейки по высоте Минимальная ширина ячейки в пикселях или % Минимальная высота ячейки в пикселях или % align= valign= width= height= valign=top width=90% height=37

Параметры используемые только для тега TD. Свойство Значение nowrap colspan= n rowspan= n Описание Пример Запрещает переносы <td nowrap> строк в тексте Количество объединяемых <td colspan=3> колонок Количество <td rowspan=3> объединяемых строк

Пример <table width="100%" bgcolor="#CCCCCC" bordercolor="#000000" border="1" cellspacing="2" cellpadding="2"> <tr> <td rowspan="2">Столбец 1 </td> <td colspan="2" align="center">Столбец2</td> </tr> <td>Соддержание 2</td> <td>Соддержание 3</td> </tr> </table>

Скачать презентацию 11 -12 Вставка таблиц в HTML-документ

11 класс 11-12 Вставка таблиц.ppt

Количество слайдов: 9