русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Группы столбцов


Дата добавления: 2015-07-09; просмотров: 690; Нарушение авторских прав


 

Они создаются тегами :

<colgroup>, который использует атрибут width, задающий ширину столбцов

в группе, и атрибут span, определяющий количество столбцов. Для группы

атрибут widthслужит для разметки расположения столбцов с помощью

задания их ширины. Если величину этого атрибута явно задать трудно, ему присваивается некоторое минимальное значение, после которого ставится символ * .

<col> с атрибутом span, определяющим количество столбцов в подгруппе, и

атрибутом width, задающим ширину столбцов в подгруппе.

 

Контейнер <colgroup> группирует столбцы, а вложенный в него дескриптор <col>используется для группировки атрибутов для подгруппы столбцов и не требует закрывающего тега. Использование атрибутов width и spanявляется обязательным.

 

Пример 89

 

Столбцы таблицы, кроме пятого, имеют одинаковые свойства. Первые 4 столбца объединены в подгруппу и имеют ширину по 20 пикселов, определенную для всей группы. Пятый столбец имеет ширину 80 пикселов. Следующие шесть столбцов имеют ширину по 20 пикселов.

 

<html>

<head>

<title>Первые шаги</title>

</head>

<body text="blue">

<table border="3">

<caption>Таблица</caption>

<colgroup width="20">

<col span="4">

<col width="80">

<col span="6">

</colgroup> <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td>

</tr>



</table>

</body>

</html>

Пример 90

 

Таблица содержит 15 столбцов, первые 10 имеют ширину 15 пикселов, остальные - минимально необходимую ширину.

 

<table>

<colgroup span="10"width="15">

<colgroup span="5"width="0*">

……………………………………………

</table>

 

Однако задавать неопределенную ширину столбцов для всей группы неэффективно, т.к. это замедляет скорость вывода на экран (броузер будет ждать всю группу для того, чтобы определить ширину оставшихся столбцов). Удобнее использовать этот способ задания атрибута в теге <col>:

<html>

<head>

<title>Первые шаги</title>

</head>

<body text="blue">

<table border="3">

<caption>Таблица</caption>

<colgroup>

<col width="80">

<col width="0*">

<col span="2" width="70">

</colgroup>

<colgroup align="center">

<col width="1*">

<col width="3*">

<col width="90">

</colgroup>

<tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td>

</tr>



</table>

</body>

</html>

Здесь заданы свойства семи столбцов.

 

 

 

Фреймы

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

· Каждый фрейм имеет свой URL, что позволяет загружать его независимо от других фреймов.

· Каждый фрейм имеет собственное имя (параметр name), позволяющее переходить к нему из другого фрейма.

· Размер фрейма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрещено указанием специального параметра).

Контейнер <frameset>

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

<html>
<head>...</head>
<frameset>...</frameset>
</html>

 

Атрибуты контейнера frameset

Данный тег имеет два взаимоисключающихпараметра: атрибуты rows и cols, указывающие, на сколько частей по горизонтали или по вертикали должно быть разделено окно броузераи какого размера эти части. Количество частей определяется количеством значений в списке. При вертикальном разбиении общая сумма высот подокон должна составлять высоту всего окна броузера(в любых измеряемых величинах). Отсутствие атрибута rows определяет один фрейм, величиной во все окно броузера.

Например,

<frameset cols=" 200,100,* ">

разделит по вертикали поле окна броузера на три части: первая - размером в 200 пикселов, вторая - размером в 100 пикселов и третья - вся оставшаяся часть.

 

Rows

Этот атрибут задает список определений для горизонтальных подокон, т.е делит окно броузера по вертикали. Дескриптор frameset содержит разделенные запятыми описания некоторого количества подокон. Каждое описание представляет собой числовое значение размера подокна в пикселах, процентах от всего размера окна или связанное масштабное значение. Количество подокон определяется количеством значений в списке. Общая сумма высот подокон должна составлять высоту всего окна (в любых измеряемых величинах). Отсутствие атрибута rows определяет один фрейм, величиной во все окно броузера. Атрибут rows может принимать значения, которые могут задаваться следующими способами.

· Простое числовое значение определяет фиксированную высоту подокна в пикселах. Это далеко не самый лучший способ описания высоты подокна, поскольку различные броузеры имеют различный размер рабочего поля, не говоря уже о различных экранных разрешениях у пользователя. Если вы, все же, используете данный способ описания размера, то настоятельно рекомендуется сочетать его с каким-либо другим, чтобы в результате вы точно получили 100%-ное заполнение окна броузера вашего пользователя.

· Значение величины подокна в процентах от 1 до 100. Если общая сумма процентов описываемых подокон превышает 100, то размеры всех фреймов пропорционально уменьшаются до суммы 100%. Если, соответственно, сумма меньше 100, то размеры пропорционально увеличиваются.

· С использованием символа * . При этом можно указать еще и числовое значение. Вообще говоря, числовое значение в данном описании является необязательным. Символ * указывает на то, что все оставшееся место будет принадлежать данному фрейму. Если указывается два или более фрейма с описанием * (например *,*), то оставшееся пространство делится поровну между этими фреймами. Если перед звездочкой стоит цифра, то она указывает пропорцию для данного фрейма (во сколько раз окно будет больше аналогично описанного чистой звездочкой). Например, описание 3*,*,*, означает, что будет создано три фрейма с размерами 3/5 свободного пространства для первого фрейма и по 1/5 для двух других.

 

Cols

Этот атрибут задает список определений для вертикальных подокон, т.е. делит окно броузера по горизонтали.

Совместное использование данных параметров rows и cols может привести к непредсказуемым результатам.

Например, строка

<frameset rows="50%,50%" cols "50%,50%"> может привести к ошибочной ситуации.

 

Примеры

<framesetcols="50,*,50"> -описывает три фрейма, два по 50 точек справа и слева, и один внутри этих полосок.

 

<framesetrows="20%,3*,*"> - описывает три фрейма, первый из которых занимает 20% площади сверху экрана, второй 3/4 оставшегося от первого фрейма места (т.е. 60% всей площади окна), а последний 1/4 (т.е. 20% всей площади окна).

 

<framesetrows="*,60%,*"> - описывает три фрейма, средний из которых занимает 60% от высоты окна браузера, остальные два имеют одинаковый размер и занимают оставшееся место, т.е. это описание действует аналогично предыдущему.

border - определяет ширину рамок фреймов в пикселах. Данный атрибут действует только в браузерах Netscape;

frameborder - определяет наличие рамок у содержащихся внутри FRAMESET фреймов. Возможные значения:

Yes - отображать рамки;

No или 0 - не отображать рамки;

Браузеры Netscape не поддерживают данный атрибут в полной мере и для глобального определения ширины рамок используют атрибут border.

framespacing - определяет расстояние между фреймами в пикселах. Данный атрибут необходим для создания фреймов без рамок.

 

Тег <frame>

В контейнер <frameset >помещаются теги <frame>, описывающие каждый фрейм в отдельности. Тег <frameset> имеет завершающий тег </frameset>. Между этими двумя тегами, может находиться тег <frame>, вложенные теги <frameset> и </frameset>, а также контейнер из тегов <noframe> и </noframe>, который позволяет строить двойные документы для броузеров, поддерживающих фреймы и не поддерживающих фреймы.

 

Атрибуты дескриптора frame

Src

Описывает URL документа, который будет отображен внутри ланного фрейма. Если он отсутствует, то будет отображен пустой фрейм.

 

Name

Данный параметр описывает имя фрейма. Имя фрейма может быть использовано для определения действия с данным фреймом из другого HTML-документа или фрейма (как правило, из соседнего фрейма этого же документа). Имя обязательно должно начинаться с символа. Содержимое поименованных фреймов может быть задействовано из других документов при помощи специального атрибута TARGET, описываемого ниже.

 



<== предыдущая лекция | следующая лекция ==>
Группирование строк и столбцов | Noresize


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.241 сек.