"ВОКРУГ САЙТА" www.vokrug-saita.ru

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

Главная Рассылка Секрет Автор сайта

УРОКИ HTML - языка гипертекстовой разметки Веб-страниц. Базовый курс.


Урок 11. Вложенные таблицы

На этом уроке мы сделаем небольшое отступление и вернёмся к таблицам. Поговорим о вложенных таблицах. То есть - о таблицах внутри таблицы.

Третья ячейка нижней строки у нас зарезервирована для разной служебной информации, - как раз то, что надо: поместим туда таблицу с расписанием выставок собак.

Таблицу сделаем такого содержания:

Дата Время
6. 12. 2009 г. 10.00-12.00
13.12. 2009 г. 10.30-12.30
20. 12. 2009 г. 10.00-13.00

Откройте файл index.html в текстовом редакторе и добавьте в третью ячейку нижней строки следующий код:

Листинг 11.1

……
<td WIDTH="200" align="center" valign="top"> Здесь будет разная служебная информация: форма подписки на рассылку, информация о партнёрских программах и пр.
<table border="1" background="img/white.gif">
<tr>
<td width="50">Дата</td>
<td>Время</td>
</tr>
<tr>
<td width="50">6. 12. 2009 г.</td>
<td>10.00-12.00</td>
</tr>
<tr>
<td width="50">13.12. 2009 г.</td>
<td>10.30-12.30</td>
</tr>
<tr>
<td width="50">20. 12. 2009 г.</td>
<td>10.00-13.00</td>
</tr>
</table>

……

Сохраните файл, обновите страницу в браузере. Получилось вот так:

Уроки html для начинающих
Рис. 31

Как всегда ничего сложного.

Кроме одного момента.

Внимание! Мы указали в теге <table border="1" background="img/white.gif"> фоновый рисунок - поле белого цвета. Почему бы не указать просто белый фон с помощью атрибута bgcolor="#ffffff", зачем создавать рисунок? Оказывается, не все браузеры читают этот атрибут для вложенных таблиц.

Теперь всё.

До встречи на следующем уроке >>>>>>>

P. S. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

Оставьте свой отзыв о статье:



Введите цифровой код с картинки*:

Подпишитесь на рассылку
"Вокруг Сайта "
и получайте на свой e-mail уроки, книги, статьи, скрипты, а также подарки и скидки на товары, продаваемые с сайта


Узнать подробней о рассылке "Вокруг Сайта" >>






PHP-песочница
Подписаться письмом



Карта
rss
Карта