№ | Слайд | Текст |
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=50bgcolor=#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> |
«Создание таблиц» |