| | |
|
Урок №7.Таблицы. Часть 2.
И так продолжим...Начнем с изменения цвета таблицы. Для этого в тег <table> впишим bgcolor=цвет. Выглядит это примерно так...<table bgcolor=red><tr><td>Здесь должен быть любой текст</td></tr></table>...или...
<table bgcolor=#3300CC>
<tr><td>Здесь должен быть любой текст</td></tr>
</table>
...Так же кроме цвета на фон можно поставить и картинку. Сделать это можно при помощи тега background="Картинка.Формат". Например...
<table background=1.jpg>
<tr><td>Здесь должен быть любой текст</td></tr>
</table>
...
Допустим нам надо растянуть ячейку до размеров двух или больше, относительно другой ячейки(выше или ниже). Для этого используем тег colspan=2(Число может быть любое, завит от того, сколько ячеек надо растянуть). Например...
<table border=2>
<tr><td>Ячейка 1</td><td>Ячейка 2</td></tr><tr><td colspan=2>Ячейка 1+2</td></tr>
</table>
...В предыдущем примере мы растягивали ячейку по горизонтали, сейчас я объясню как растянуть ячейку по вертикали. Для этого используем тег rowspan=2(Число может быть любое, завит от того, сколько ячеек надо растянуть). Например...<table border=2><tr><td rowspan=2>HOLLOW</td><td>HOLLOW!</td></tr><tr><td>HOLLOW!!</td></tr></table>...
Этими двумя тегами можно построить самые необычные таблицы....<TABLE border=3><TR><TD colspan=2>Ячейка №1</TD><TD rowspan=2>Ячейка №2</TD><TD>Ячейка №3</TD><TD rowspan=2>Ячейка №4</TD></TR><TR><TD rowspan=2>Ячейка №5</TD><TD>Ячейка №6</TD><TD rowspan=2>Ячейка №7</TD><TD colspan=2>Ячейка №8</TD></TR> <TR>
<TD colspan=2>Ячейка №9</TD><TD>Ячейка №10</TD><TD>Ячейка №11</TD><TD rowspan=2>Ячейка №12</TD></TABLE> ...
Файлы к уроку можно скачать ЗДЕСЬ
|
Категория: Уроки HTML | Добавил: Joker (29.04.2010)
|
Просмотров: 840 | Комментарии: 1
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
| |
| | |
|
Наш опрос |
Оцените мой сайт
Всего ответов: 16
|
|