- •Рекомендации по проведению занятий
- •1. Общие сведения о языке разметки гипертекста (html)
- •1.1. Структура html-документа
- •1.2. Знакомство с таблицами
- •1.3. Знакомство с графическими объектами
- •1.4. Создание gif-файлов
- •1.5. Цвета в html
- •2. Главное о форматировании текста
- •2.1. Заголовки
- •2.2. Шрифты
- •2.3. Начертание шрифта
- •2.4. Списки
- •2.5. Выравнивание и отступы
- •2.5.1. Выравнивание текста по левому или правому краю
- •2.5.2. Центрирование объектов
- •3. Работа c изображениями
- •3.1. Поля вокруг изображения
- •3.2. Фоновые изображения и фоновый цвет
- •4. Ссылки
- •4.1. Локальные ссылки
- •4.1.1. Ссылка - строка
- •4.1.2. Ссылка - изображение
- •4.1.3. Якорь и ссылка на него
- •4.2. Глобальные ссылки
- •5. Дополнительные возможности форматирования текста
- •5.1. Текст, обтекающий границы объекта
- •5.2. Отображение текста в одной строке (без переноса на другую строку)
- •5.3. Выделение абзацев с помощью списков определений и полей
- •6. Элегантные списки
- •6.1. Красивые нумерованные списки
- •6.2. Смена порядка нумерации в списке
- •7. Теги из разряда неосновных
- •7.1. Красивые толстые и тонкие горизонтальные линии
- •7.2. Вертикальная пунктирная линия с уменьшающейся длиной штриха
- •7.3. Ступеньки
- •7.4. Загрузка html-страниц
- •7.5. Показ html-тегов
- •8. Дополнительные возможности ms Internet Explorer
- •8.1. Бегущая строка
- •8.2. Прослушивание звуковых файлов
- •Задание 8.2.1. Используя документ bgsound.Htm как исходный, записать в рабочую папку файл bgsound1.Htm, в котором увеличить длительность звучания в два раза.
- •9. Дополнительные возможности Netscape Navigator
- •Библиографический список
- •Дорошев в.И., Хахаев и.А., Мошенский с.А. Работа в компьютерной сети internet. / Учебное пособие. Для студентов всех специальностей всех форм обучения. - Спб.: сПбТэи, 1998. - 32 с.
- •Климова р.Н., Сорокина м.В., Хахаев и.А., Мошенский с.А. Информатика торговой фирмы / Учебное пособие. Для студентов всех специальностей всех форм обучения. - Спб.: сПбТэи, 1998. - 32 с.
6. Элегантные списки
Теги для списков были рассмотрены в пункте 2.4. Имеются несколько атрибутов к тегам списков для выбора разных схем нумерации в нумерованных списках. Можно включать такие атрибуты в сами теги <LI> (List Item), чтобы сменить тип маркера в середине списка. После появления нового атрибута все последующие маркеры в списке будут иметь такой же вид.
6.1. Красивые нумерованные списки
Тег <OL> вместе с атрибутом TYPE= помогает создать красивые нумерованные списки, используя в качестве номеров не только обычные числа, но также строчные и прописные буквы, строчные и прописные римские цифры. В документе OL_TYPE.htm перечислены теги с форматами номеров:
<HTML><BODY>
<OL TYPE=1>
<LH><B> Тег <OL TYPE=1> создает список с нумерацией в формате 1., 2., 3., 4. и т.д. </B><BR>
<LI>Первая строка списка <LI> Вторая строка списка</OL>
<OL TYPE=A>
<LH><B> Тег <OL TYPE=A> создает список с нумерацией в формате А., В., С., D. и т.д.</B><BR>
<LI>Первая строка списка <LI> Вторая строка списка</OL>
<OL TYPE=a>
<LH><B> Тег <OL TYPE=a> создает список с нумерацией в формате а., b., с.. d. и т.д.</B><BR>
<LI>Первая строка списка <LI> Вторая строка списка</OL>
<OL TYPE=I>
<LH><B> Тег <OL TYPE=I> создает список с нумерацией в формате I., II., III., IV. и т. д.</B><BR>
<LI>Первая строка списка <LI> Вторая строка списка</OL>
<OL TYPE=i>
<LH><B> Тег <OL TYPE=i> создает список с нумерацией в формате i., ii., iii., iv, и т. д.</B><BR>
<LI>Первая строка списка <LI> Вторая строка списка</OL>
</BODY></HTML>
Задание 6.1.1. Используя документ OL_TYPE.htm как исходный, записать в рабочую папку файл OL_TYPE1.htm, в котором изменить форматы номеров в нумерованных списках.
Задание 6.1.2. Используя документ OL_TYPE.htm как исходный, записать в рабочую папку файл OL_TYPE2.htm, в котором увеличить количество элементов в каждом списке до 10.
6.2. Смена порядка нумерации в списке
С помощью атрибутов START= и VALUE= можно менять порядок числовой и буквенной нумерации в списке. Атрибут START= используется для указания того, с какого значения в заданном типе нумерации (числа, буквы или римские цифры) вы хотите начать нумеровать свой список. Например, если вы построили список тегом <OL TYPE=1 START=3>, то нумерация начнется с числа 3 и будет продолжаться далее по порядку.
Атрибут VALUE= присваивает определенный номер данному пункту списка. После использования этого атрибута последующие пункты списка будут нумероваться, начиная с заданного атрибутом VALUE= номера. В документе OL_TYPE3.htm представлен пример действия этих атрибутов:
<HTML><BODY>
<OL TYPE=1 START=3>
<LH><B> Тег <OL TYPE=1 START=3> создает список с нумерацией в формате 3., 4. и т.д. </B><BR>
Тег <LI VALUE=7> присваивает пункту номер 7<BR>
<LI>Первая строка списка <LI VALUE=7> Вторая строка списка <LI>Третья строка списка </OL>
<OL TYPE=A START=3>
<LH><B> Тег <OL TYPE=A START=3> создает список с нумерацией в формате С., D. и т.д.</B><BR>
Тег <LI VALUE=7> присваивает пункту номер G<BR>
<LI>Первая строка списка <LI VALUE=7> Вторая строка списка <LI>Третья строка списка </OL>
<OL TYPE=a START=3>
<LH><B> Тег <OL TYPE=a START=3> создает список с нумерацией в формате с.. d. и т.д.</B><BR>
Тег <LI VALUE=7> присваивает пункту номер g<BR>
<LI>Первая строка списка <LI VALUE=7> Вторая строка списка <LI>Третья строка списка </OL>
<OL TYPE=I START=3>
<LH><B> Тег <OL TYPE=I START=3> создает список с нумерацией в формате III., IV. и т. д.</B><BR>
Тег <LI VALUE=7> присваивает пункту номер VII<BR>
<LI>Первая строка списка <LI VALUE=7> Вторая строка списка <LI>Третья строка списка </OL>
<OL TYPE=i START=3>
<LH><B> Тег <OL TYPE=i START=3> создает список с нумерацией в формате iii., iv, и т. д.</B><BR>
Тег <LI VALUE=7> присваивает пункту номер vii<BR>
<LI>Первая строка списка <LI VALUE=7> Вторая строка списка <LI>Третья строка списка </OL>
</BODY></HTML>
Задание 6.2.1. Используя документ OL_TYPE3.htm как исходный, записать в рабочую папку файл OL_TYPE4.htm, в котором изменить начальные номера в нумерованных списках.
Задание 6.2.2. Используя документ OL_TYPE3.htm как исходный, записать в рабочую папку файл OL_TYPE5.htm, в котором изменить значение атрибута VALUE=.