Тема таблиц - это довольно обширная тема, поскольку таблицы имеют большое количество возможных параметров и довольно активно применяются при создании
страниц. Как показывает статисктика, ни единый современный сайт не обходиться без таблиц. Это уже просто норма или я б даже сказал, стандарт
современной верстки HTML-документов. Даже данный сайт, на котором Вы находитесь, содержит свыше десятка основных таблиц, в которых расположен текст
и рисунки.
Для ускорения продуктивности загрузки сайта в окне браузера разработчиками были придуманы так называемые баннеры - разрезанное
изображение, части которого находятся в ячейках таблицы, каждая ячейка имеет необходимый размер и в итоге создается впечатление, что изображение
на странице является одним файлом, а на самом деле изображение склеено за счет таблицы и расположено на web-странице. О банерах мы поговорим позже.
Сейчас необходимо выяснить, что такое "таблицы" и как их создавать.
Любая таблица на сайте имеет свои ячейки. Каждая из этих ячеек имеет свои определенные свойства - размер, фоновую заливку, рамку и прочее.
Ячейки таблицы в группе составляют строки и столбцы.
Попробуем создать таблицу, согласно имеющимуся примеру.
<table>
<tr>
<td>
Это моя первая таблица
</td>
</tr>
</table>
Что у Вас получилось в данном примере? Давайте разберем поподробней все эти команды, которые использованы в примере.
table - это тег, обозначающий начало и конец таблицы. Свойства, которые в нем задаются, действительны для всей таблицы.
tr - тег, обозначающий начало и конец строки. Здесь Вы можете размещать ячейки таблицы.
td - ячейка таблицы. В нее Вы можете помещать все, что угодно: текст, картинки, ссылки, другие таблицы. Важно учесть, что когда
мы будем подробней рассматривать таблицы и их многочисленные характеристики, то Вы убедитесь, что таблицы - это очень сложные элементы разметки
гипертекста.
Работа с форматированием таблиц
Вставка объектов в таблицу
Создание баннера
Поговорим о так называемых баннерах - разрезанных картинках. Собственно в Internet слово "баннер" имеет два значения, о втором значении этого
слова мы поговорим позже. Сейчас давайте поговорим о баннерах. Я уверен, что после данной темы у Вас появиться интерес к HTML и к профессиональному
созданию своего личного сайта.
Внизу показан яркий пример применения баннера. Мною было создано изображение, а потом я его разрезал на части и разместил все это в ячейках
таблицы так, чтобы в итоге с виду это было цельное изображение. Внизу показано то же самое, только расстояние между ячейками таблицы выведено по
умолчанию. Ежели задать cellpadding и cellspacing нули, то границы, разделяющие "куски" картинки, исчезают. Данный пример разрезания - случай
далеко не редкостный. Подобные примеры активно используются при создании сайтов. Попозже я продемонстрирую Вам, как с помощью известной программы по
обработке изображений - Photoshop - "разрезать" изображение, которое Вы надумали разместить на страницах сайта.
