- •Цветовая гамма в html.
- •Заголовки
- •Набор текста
- •Разделители
- •Верхние и нижние индексы
- •Шрифты различного начертания
- •Типы списков
- •Нумерованный список
- •Списки определений
- •Списки в списках
- •Объединение нескольких столбцов в одну ячейку
- •Включение списка в таблицу
- •Выравнивание текста в таблице
- •Цвета в таблице
- •Предварительное форматирование
- •Отображение изображения на странице
- •Оптимальные размеры изображений
- •Альтернативный текст
- •Выравнивание изображений
- •Задание размера изображения
- •Пиктограммы
- •Линии и полосы
- •Фон страниц
- •Создание ссылкина местные веб-страницы
- •Ссылки на любое место в www
- •Создание якоря
- •Ссылка на якорь
- •Компоновка ссылок в виде списков
- •Задание к лабораторной работе № 6:
Цвета в таблице
Существует ряд тэгов, позволяющих задать цвета фона и сетки таблицы. В первом случае ключевое слово bgcolor вставляется в тэг <table> следующим образом:
<table bgcolor="yellow"> </table> |
Кроме bgcolor, существуют другие способы управления цветом:
Значение ключевого слова |
Описание |
BORDERCOLOR="..." |
Изменяет цвет сетки таблицы |
BORDERCOLORDARK="..." / BORDERCOLORLIGHT="..." |
Используется для изменения цвета сетки с дополнительным эффектом трехмерности. Если установлены эти аттрибуты, ваша таблица выглядет трехмерной. |
Имя Команда Победы/поражения Очки Ауты
Пит Шурек Цинциннати 16-2 2,73 194 команда "All-Star Team" награда MVP Серебряная летучая мышь
Гидео Немо Лос-Анджелес 19-8 2,94 399
Грег Энгриус Атланта 24-6 2,21 275
|
Такого вида таблицы мы добились лишь с помощью этих самых ключевых тэгов:
<table align="center" bordercolordark=navy bordercolorlight=blue border="1"> <tr bgcolor="yellow"> <th>Имя</th> <th>Команда</th> <th>Победы/поражения</th> <th>Очки</th> <th>Ауты</th> </tr> <tr valign=top bgcolor="#abcdef"> <td>Пит Шурек</td> <td>Цинциннати</td> <td>16-2</td> <td>2,73</td> <td>194</td> <td bgcolor="#bcdefa"> <li>команда "All-Star Team" <li>награда MVP <li>Серебряная летучая мышь </td> </tr> <tr bgcolor="#abcdef"> <td>Гидео Немо</td> <td>Лос-Анджелес</td> <td>19-8</td> <td>2,94</td> <td>399</td> </tr> <tr bgcolor="#abcdef"> <td>Грег Энгриус</td> <td>Атланта</td> <td>24-6</td> <td>2,21</td> <td>275</td> </tr> </table> |
Альтернативы таблицам
Существуют альтернативные способы создания таблиц, применяются только в случае использования старых браузеров.
Вместо таблицы используется список
Несмотря на то, что списки "одномерны", парой списков при надлежащем использовании можно заменить практически любую таблицу. Например, вы можете заменить бейсбольную таблицу несколькими списками. Конечно, эти списки не так легко читать, как таблицу, и они заставляют пользователя перемещаться по экрану. В общем случае списки менее компактны, чем таблицы. Кроме того, информацию в списках труднее сравнивать. Ниже приведен список, заменяющий таблицу:
Пит Шурек o Цинциннати o 16-2 (W/L) o 2.73 очков o 194 аута команда "All-Star Team" Награда MVP Серебряная летучая мышь Гидео Немо o Лос-Анджелес o 19-8 (подеды/поражения) o 2.94 очков o 399 аута Грег Энгриус o Атланта o 24-6 (победы/поражения) o 2.21 очков o 275 аутов |