Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Учебное пособие 3000182.doc
Скачиваний:
4
Добавлен:
30.04.2022
Размер:
731.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].