- •Введение
- •1. Язык html
- •1.1. Информационная система сети Интернет
- •1.2. Язык html
- •Использование специальных символов в нтмl документах
- •Дескрипторы связи
- •Команда вставки графики
- •Команда гипертекстовой ссылки
- •Относительные и абсолютные адреса файлов
- •1.3. Расширения html
- •2. Язык JavaScript
- •2.1. Особенности и назначение языка JavaScript
- •2.2.Основы языка JavaScript Типы данных
- •Переменные и оператор присвоения
- •Var имя_переменной
- •Область действия переменных
- •Операторы
- •Приоритет операторов в выражении
- •Функции
- •Встроенные функции
- •Пользовательские функции
- •Сценарии
- •Обработка событий
- •Встроенные объекты
- •Объект String (Строка)
- •Объект Array (Массив)
- •Копирование массива
- •Объект Math (Математика)
- •Объект Date (Дата)
- •Объектная модель JavaScript
- •Клиентская сторона
- •Серверная часть
- •Доступ к объектам
- •X.Src /* строка url, например, file:///с:/Мои%20документы/pict.Jpg */
- •Создание фреймов
- •Динамический html
- •Динамическое изменение элементов документа
- •Использование метода write()
- •Изменение значений атрибутов элементов
- •Управление процессами во времени
- •If (confirm("Прервать процесс ?"))
- •Работа с Cookie
- •Обработка данных форм
- •Работа с файловой системой и реестром Windows
- •Создание объекта файловой системы
- •Запуск приложений
- •Работа с реестром
- •Глоссарий
- •Императивное (операторное) программирование
- •Функциональное программирование
- •Объектно-ориентированное программирование
- •Модули и раздельная компиляция
- •Библиографический список
- •394026 Воронеж, Московский просп., 14
X.Src /* строка url, например, file:///с:/Мои%20документы/pict.Jpg */
Получение имени тега для i-го элемента коллекции all:
document.all[i].tagName
Создание фреймов
Напомним, что в HTML-документе с фреймами вместо тега <body> используется тег <frameset>. Содержимым каждого фрейма можно управлять по отдельности. Можно связать документы разных фреймов.
Пример. Cоздание фреймов
<html>
<head>
<title>Документ с фреймами</title>
</head>
<frameset cols=”20%, 80%”>
<frame src=”frame1.html”>
<frameset rows=”200, *”>
<frame src=”frame2.html”>
<frame src=”frame3.html”>
</frameset>
</frameset>
</html>
Размеры строк (столбцов) указываются количеством пикселов или в процентах от высоты окна для строк (ширины окна для столбцов), или символом * - выделить всё оставшееся пространство (обычно для последнего фрейма).
Таблицы
Таблицы можно использовать для представления данных и как способ организации расположения разнообразных данных на странице. Ячейки могут содержать текст, графику и другую таблицу. Сначала определяется таблица (тег <table>), а затем внутри этого определения задаются строки (тег <tr>) и содержимое ячеек (тег <td> — для данных, тег <th> — для названий заголовков столбцов).
Пример. Простая таблица
<html>
<body>
<table border>
<caption align=top>Список сотрудников</caption>
<tr>
<th>Имя</th><th>Должность</th> <th>Оклад</th>
</tr>
<tr><td>Иван</td><td>Директор</td> <td>1000</td></tr>
<tr><td>Петр</td><td>Бухгалтер</td> <td>600</td></tr>
<tr><td>Федор</td><td>Рабочий</td> <td>150</td></tr>
</table>
</body>
</html>
Атрибут border задаёт вид рамок, атрибут caption описывает заголовок таблицы, изображённой на рис. 4.
-
Список сотрудников
Имя
Должность
Оклад
Иван
директор
1000
Петр
Бухгалтер
800
Федор
Рабочий
50
Рис. 4. Пример простой таблицы
В следующем примере используем таблицу без рамок для размещения различных элементов на странице. В ячейки помещены текстовые ссылки, изображения и число 1000, а некоторые ячейки остались пустыми (рис. 5).
Пример. Применение таблицы для размещения элементов на странице
<html>
<head><title>Таблица</title><head>
<body>
<h2>
Использование таблицы как способа расположения элементов на странице
</h2>
<table>
<tr>
<td><a href="primer1.jpg">Пример 1</a></td>
<td><image src="loglad1.jpg" width=100 height=100></td>
<td>1000</td>
</tr>
<tr>
<td><a href="pict.jpg">Пример 2</a></td>
<td><image src="logo.gif"></td>
</tr>
</table>
</body>
</html>
Рис. 5. Использование таблицы как способа
расположения элементов на странице
Таблицы могут использоваться также для обтекания текстом графики, отображения галереи миниатюр, создания списков с маркерами (в виде таблиц из двух столбцов), бокового навигационного меню, управления границами на Web-странице, привлекательной организации текста в окне браузера, имитации фреймов на странице, управлять расположением элементов и текста формы. Подробно об этом написано в [5].