Самоучитель по креативному веб-дизайну. Книга 1, стр.62
С помощью
Предположим, например, вы создаете Web-страницу с двумя
Поместите навигационное меню в узкий,
в левой части страницы и отображайте новые Web-страницы в большем фрейме
справа. Поскольку фрейм с навигационной панелью остается на месте в левой
справа, посетитель не теряет из виду
76 Глава 1. Основы языка HTML
Как видно из кода
в фреймах,
В данном
ние
та и главную
загружает документ n_nav. html в первый
100 пикселей, и документ n main. html во второй
400 пикселей. HTML-дескрипторы, с помощью
ко Web-страниц
Одновременный вывод на экран нескольких
Web-страниц
С помощью
один
ПРАКТИКУМ
Самоучитель по креативному веб-дизайну. Книга 1, стр.63
размер и количество фреймов, а также
Предположим, например, у вас есть страница с навигационной панелью, со —
храненная в файле с именем
С помощью
HTML-кодом, вы можете
Глава 1. Основы языка HTML 7 7
Обратите внимание, что в HTML-документах,
В данном
Самоучитель по креативному веб-дизайну. Книга 1, стр.64
лу столбцов, перечисленных в значении атрибута), но и ширину каждого фрейма
в пикселях. (Например, если у вас
значения и выглядеть
cols
Атрибут src в дескрипторе
зит njnenu. html В Первый
фрейм (с именем
78 Глава 1. Основы языка HTML
Когда
ка дает
когда пользователь щелкнет в каком-то месте ссылки «О нас»:
Таким
нас»,
бражаемый в целевом
нет атрибута
фрейм,
тель. Например, HTML-код о
заменить в фрейме
вии, что «О нас» — гиперссылка в панели
Аналогично, когда пользователь щелкнет на гиперссылке в панели содержимого (content), у гиперссылки
target, — в этом
вы сможете
Фреймы в Web-страницах — отличный
ру требуется
не поддерживают фреймы, не отобразят ни Web-страницы в фреймах, ни фрей —
Чтобы
свой
ния документа
Если Web-браузер не поддерживает фреймы, в окне
Создание таблиц с ячейками,
и несколько строк
Работа с шириной границы таблиц и ячеек Работа с цветами границ таблицы и ячеек Работа с фоновыми изображениями и цветами
Работа с полями ячеек и расстоянием
Задание размеров таблицы с помощью относительных и абсолютных
Управление шириной и высотой ячейки с помощью вставки прозрачного
GIF-изображения
Обтекание текстом изображения
Отображение с помощью
Создание маркеров и списков с помощью таблиц и графики
Управление, границами на Web-странице с помощью вложенных таблиц
Составление навигационной
Снижение
Имитация фреймовой Web-страницы с помощью таблицы
Привлечение внимания посетителя с помощью
Визуальное
Управление
Web-CTDaHHue
80 Глава 2. HTML-таблицы
появлением в языке
^появились два весьма ценных инструмента — средство для размещения на страницах текстовой и числовой информации в табличном формате, а также
Самоучитель по креативному веб-дизайну. Книга 1, стр.65
что консорциум W3C
При работе с таблицами
Поскольку ячейки в таблице
Самоучитель по креативному веб-дизайну. Книга 1, стр.66
Второе
Глава 2. HTML-таблицы 81
страницы
чинают с рисования матрицы строк и столбцов
Предположим, например, вы хотите
таблицу с ячейкой в верхнем
Когда Web-браузер затем отобразит Web-страницу с таблицей, размеры табли — цы и ее ячеек будут удерживать на месте
Самоучитель по креативному веб-дизайну. Книга 1, стр.67
Web-страница, на которой таблица с границами
8 2 Глава 2. HTML-таблицы
Не будет
изменило процесс
ПРИМЕЧАНИЕ, Из-за сложности и значительного
Кроме
нице, с их помощью
Предположим, например, вы создаете
Рис. 2.3. Web-страница с содержимым, организованным с помощью
на страницу.
Самоучитель по креативному веб-дизайну. Книга 1, стр.68
Глава 2. HTML-таблицы 83
на сайте.
зу и дружественный к посетителю Web-сайт.
Таблицы также представляют
ти сайта,
носить имя
Самоучитель по креативному веб-дизайну. Книга 1, стр.69
на отдельные
Как это ни странно,
ко если
Соединенные Штаты по ячейкам таблицы не удастся
Web-страницу на бумаге и разделив изображения и текст горизонтальными и вертикальными
Понимание
HTML-таблицы, используемые для отображения содержимого на Web-страни — це, как и те таблицы, которые вы видите в печатных
Самоучитель по креативному веб-дизайну. Книга 1, стр.70
84 Глава 2. HTML-таблицы
• . Уведомляет Web-браузер, что с текстом, заключенным
между начальным и конечным
таблицей.
•
•
Например,
Как было сказано в перечне
( ) в начале и конце
не обращайте внимания на атрибут border; его мы рассмотрим в следующем
(
Самоучитель по креативному веб-дизайну. Книга 1, стр.71
торов данных таблицы (
Глава 2. HTML-таблицы 85
Как и в случае с предыдущим
ре содержит
Вторая строка
Всякий
в одну
ки дескриптора
Третья строка кода в HTML-таблице в данном
Поскольку
имелась третья пара начального и конечного говорит браузеру: «Все. В текущей
браузер ожидает
. В данном
в последней
HTML-таблицы.
Добавление
и заголовка таблицы
Если вы хотите