- •Разработка электронного портала
- •Введение
- •Практическая работа №1 Тема: html. Основные положения
- •Структура документа
- •Комментарии
- •Тэги тела документа
- •Центрирование элементов документа
- •Пронумерованные списки
- •Непронумерованные списки.
- •Вложенные списки
- •Список определений
- •Гипертекстовые ссылки
- •Структура ссылок в html-документе
- •Ссылки на точки внутри документа
- •Задание
- •Практическая работа № 3 Тема: Графика внутри html-документа
- •Фоновые рисунки
- •Задание стандартных цветов
- •Горизонтальная линия
- •Добавление стилей в ваш html-документ
- •Основные атрибуты таблицы
- •Вложенные таблицы
- •Задание
- •Практическая работа № 5 Тема: Фреймы
- •Синтаксис фрэймов
- •Планирование фрэймов и взаимодействия между фрэймами
- •Зарезервированные имена фрэймов
- •Тэги формы
- •Меню выбора в формах
- •Отправление файлов при помощи форм
- •Задание
- •Практическая работа № 7. Тема: Введение в JavaScript
- •Примеры программирования на JavaScript:
- •Задание
- •Контрольные вопросы
- •Темы для индивидуальных работ
- •Литература
- •ПрИложение Названия и коды цветов для html
- •Примечания
Пронумерованные списки
В пронумерованном списке броузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны.
Пронумерованный список начинается стартовым тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>. Например:
<OL>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</OL>
Тэг <OL> может иметь параметры:
<OL TYPE=A|a|I|i|1 START=n>
где:
TYPE - вид счетчика:
A - большие латинские буквы (A,B,C...)
a - маленькие латинские буквы (a,b,c...)
I - большие римские цифры (I,II,III...)
i - маленькие римские цифры (i,ii,iii...)
1 - обычные цифры (1,2,3...)
START=n -число, с которого начинается отсчет
Например:
<OL TYPE=I START=15>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</OL>
Непронумерованные списки.
Для непронумерованных списков броузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь броузера.
Пронумерованный список начинается стартовым тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>. Например:
<UL>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</UL>
Тэг <UL> может иметь параметр:
<UL TYPE=disc|circle|square>
Тип тэга <UL> определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:
<UL TYPE=square>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</UL>
Вложенные списки
Дадим пример вложенных списков:
<HTML>
<HEAD>
<TITLE> Список студентов </TITLE>
</HEAD>
<BODY>
<H2> Список студентов группы </H2>
<H3> Составлено: 4 февраля 2002 года </H3>
Данный список содержит фамилии, имена и отчества всех студентов нашей группы.
<P>
Список может быть использован только в служебных целях. </P>
<OL>
<LI> Староста
<UL>
<LI> Иванов И.И.
</UL>
<LI> Редколлегия
<UL>
<LI> Варшавская Е.Л.
<LI> Самсонов Д.М.
</UL>
</OL>
</BODY>
</HTML>
Элемент списка <LI>
Тэг <LI> может иметь параметры:
<OL TYPE=disc|circle|squade> или <OL TYPE=A|a|I|i|1 VALUE=n> - в зависимости от того, в списке какого вида находится данный элемент.
TYPE - вид маркера (см. <UL>) или счетчика (см. OL)
VALUE=n - значение для элемента пронумерованного списка (его номер). Все дальнейшие номера элементов списка будут отсчитываться от этого номера.
Например:
<OL TYPE=I START=15>
<LI> Программирование
<LI TYPE=i VALUE=25> Алгоритмизация
<LI> Проектирование
</OL>
Список определений
Список определений начинается с тэга <DL> и завершается тэгом </DL>. Данный список служит для создание списков типа "термин" - "описание". Каждый термин начинается тэгом <DT> , а описание - тэгом <DD>. Например:
<DL>
<DT> <B> Отдел маркетинга </B>
<DD> Данный отдел занимается продвижением услуг
<DT> <B> Финансовый отдел </B>
<DD> Данный отдел занимается финансовыми операциями
<DT> <B> Отдел кадров </B>
<DD> Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков и т.д.
</DL>