Использование таблиц в дизайне страницы
Таблицы хороши тем, что при желании можно сделать их границы невидимыми. Это позволяет с помощью тега <ТАВLЕ> красиво размещать на странице текст и графику. Пока тег <ТАВLЕ> остается единственным мощным средством форматирования в HTML. Дизайнеры Web-страниц сейчас обладают практически той же свободой в отношении использования "пустого пространства", что и создатели печатных страниц. Таблицы лучше всего помогают отойти от иерархического размещения текста на Web-страницах.
Если браузер поддерживает таблицы, он обычно правильно отображает наиболее интересные эффекты, полученные с их помощью
Создание разноцветных таблиц
Некоторые браузеры позволяют отображать цвета. Есть несколько способов раскрасить таблицу, в основном они зависят от используемого браузера.
Цветные границы в Netscape Navigator. Вы не только можете окружить таблицу красивой рамкой, но еще и задать для нее цвет, отличный от цветов текста и фона. Создайте простой серый GIF (или любой GIF, который вы хотели бы иметь в качестве фона) и определите его в теге <ВODY> как фон страницы. Затем задайте цвет фона страницы. В результате ваш тег <ВОDY> будет выглядеть примерно так:
<BODY ВАСКGROUND="image.gif" ВGCOLOR="#FF0000">Вы создали двойной фон - GIF и заданный цвет. В результате фоновый цвет будет виден на всех границах таблиц и горизонтальных линиях (<НR>). Вне зависимости от того, является ваш фоновый GIF серым или нет, цветные линии и границы таблиц будут заметно выделяться. Если фоновый GIF устроен не слишком сложно, время загрузки страницы возрастет лишь немного.
|
|
|
Тема 3: «Форматирование таблиц в HTML документах»
Форматирование таблицы следует начать с форматирования ее заголовка. Текст заголовка можно изменить точно также как это описано в пункте 2:
<CAPTION><FONT size=5 face="Tahoma" color="purple">Нормы качества муки пшеничной хлебопекарной</FONT></CAPTION>
Форматирование таблицы в HTML-документе включает в себя достаточно много параметров:
- установка ширины таблицы;
- выравнивание таблицы в документе;
- управление границами таблицы;
- установка расстояния от содержимого ячейки до рамки;
- выравнивание содержимого ячеек;
- установка параметров ячейки;
- объединение ячеек (см. пункт 5.1);
- управление цветом границ и заливки ячеек.
Для установки ширины таблицы, т.е. ширины всех строк, необходимо в теге <TABLE> использовать атрибут width аналогично тому, как Вы это делали для изменения ширины линий (см. пред. ЛР).
Дата добавления: 2018-04-04; просмотров: 252; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!