УРОКИ 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. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

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



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

осторожно, мошенник!

Эта информация поможет сохранить вам деньги >>>

Рассылки

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

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

"PHP-песочница"
- PHP для начинающих: уроки с подробным анализом скриптов, необходимых для вашего сайта:

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

Скачать видео

Разделы Сайта