HTML, XHTML и CSS на 100%. Игорь Квинт

Чтение книги онлайн.

Читать онлайн книгу HTML, XHTML и CSS на 100% - Игорь Квинт страница 30

Автор:
Жанр:
Серия:
Издательство:
HTML, XHTML и CSS на 100% - Игорь Квинт

Скачать книгу

помощью атрибута background можно задать графический фон ячейки или таблицы целиком, указав путь к изображению. Например, <td background="img\fon.gif">.

      Если размеры изображения превышают габариты ячейки или таблицы, для которых оно предназначено, браузер обрезает его таким образом, чтобы оно уместилось в пределах соответствующего объекта.

      3.10. Создание вложенных таблиц

      Существуют такие моменты, когда необходимо создать ячейки, границы которых не должны совпадать (рис. 3.14). Здесь атрибут colspan бессилен.

      Рис. 3.14. Сложная HTML-таблица

      Команды, управляющие созданием и отображением таблиц, допускают вложение одного элемента TABLE внутрь другого, поэтому в ячейке можно создать новую таблицу с независимой структурой.

      В листинге 3.8 приведен код таблицы, изображенной на рис. 3.13. Здесь применяется метод вложения одной таблицы в другую. Внешняя таблица состоит из двух строк. Первая строка содержит четыре ячейки, вторая – таблицу со своей независимой структурой. Внутренняя таблица, в свою очередь, содержит две строки, каждая из которых содержит по три ячейки.

Листинг 3.8. Пример таблицы, которая содержит еще одну таблицу

      <html>

      <head>

      <title>HTML-таблица</title>

      <head>

      <body>

      <table border="4" bordercolor="#000000" cellspacing="0" cellpadding="10">

      <caption>Создание вложенных таблиц</caption>

      <tr><td> 1x1</td><td>1x2</td><td>1x3</td><td>1x4</td></tr>

      <tr><td colspan=4>

      <table border="3" bordercolor="#000000" cellspacing="0" cellpadding="10">

      <tr><td> 1x1</td><td>1x2</td><td>1x3</td></tr>

      <tr><td> 2x1</td><td>2x2</td><td>2x3</td></tr>

      </table>

      </td>

      </tr>

      </table>

      </body>

      </html>

      Резюме

      В заключение следует отметить, что таблицы являются важнейшей частью любой веб-страницы. Для контроля над элементами веб-узла фирмы Microsoft (www.microsoft.com) использованы таблицы.

      Умелое обращение с таблицами позволяет жестко связать текстовые блоки документа с графикой и другими объектами. Использование таблиц позволит странице загружаться быстрее, но большие рисунки следует разбить на несколько маленьких. Чтобы не нарушить целостность всего рисунка, его отдельные части следует расположить в ячейках таблицы таким образом, чтобы они образовали целый рисунок.

      Использование таблиц также позволит вам разделить всю HTML-страницу на функциональные части: заголовок страницы, место для рекламы, панель инструментов и т. д. Подобное разделение страницы даст возможность быстро создать свой индивидуальный «остов» сайта, который в последующем можно использовать для создания других страниц.

      Глава 4

      Добавление изображений и мультимедиа

      4.1. Встраивание изображений

      4.2. Добавление мультимедиа

      При создании сайта невозможно обойтись без использования активных объектов вроде Flash-анимации, видео или картинок. Так мы можем улучшить вид сайта, сделать его ярче, интереснее и удобнее для посетителей. Однако неграмотное

Скачать книгу