
- •Введение в язык html
- •1. Понятие о html
- •2. Понятие о гипертексте
- •3. Понятие о html-файле
- •4. Понятие о тегах языка html
- •5. Структурные теги
- •6. Создание шаблона html-документа и первой Web-страницы
- •Тема 2: Основная часть Web-страницы План
- •1. Использование заголовков
- •2. Символы разрыва абзаца и разрыва строк
- •4. Форматирование текста с помощью стилей
- •5. Добавление линий и комментариев
- •Тема 3: Создание таблиц План
- •1. Начальный этап создания кода таблиц
- •2. Создание строк и столбцов таблицы
- •3. Выбор типа таблицы
- •4. Выравнивание данных в ячейках таблицы по горизонтали и вертикали
- •5. Окрашивание таблиц и рамок
- •Тема 4: Создание списков План
- •1. Списки как инструмент структурирования. Типы списков
- •2. Нумерованные списки
- •3. Маркированные списки
- •4. Списки определений
- •5. Вложение и комбинирование списков
- •Тема 5: Использование фреймов План
- •1. Идея использований фреймов
- •2. Создание фреймов
- •3. Загрузка страниц в фреймы
- •4. Настройка фреймов
- •Тема 6: Гипертекстовые ссылки План
- •1. Типы гиперссылок
- •2. Понятие об url и их использование
- •3. Создание гиперссылок на другие Web-страницы
- •4. Создание внутренних ссылок в документе
- •5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты
- •6. Загрузка страниц в различные фреймы
- •Тема 7: Графика в Web План
- •2. Выравнивания текста относительно изображения
- •3. Плавающие изображения. Поля вокруг изображений
- •4. Определение ширины и высоты изображения
- •5. Обтекание изображений текстом
- •Тема 8: Использование графики, цвета и текста План
- •1. Добавление на Web-страницы цветных фоновых изображений
- •2. Добавление на Web-страницы графических фоновых изображений
- •3. Изменение цвета текста и гиперссылок
- •4. Добавление кнопок перемещения
- •Тема 9: Мультимедиа План
- •1. Понятие о гипермедиа-ссылках
- •2. Создание гипермедиа-ссылок
- •4. Создание бегущей строки
- •5. Воспроизведение видеофайлов в окне Internet Explorer
- •Тема 10: Средства создания html-файлов План
- •1. Стандартные html-редакторы
- •1. Стандартные html-редакторы
- •Определения
- •Проверочная работа
- •Проверочная работа
2. Нумерованные списки
Упорядоченные и нумерованные списки – это одно и то же. Эти термины являются взаимозаменяемыми. Нумерованный список создается с помощью контейнера <OL></OL>. Каждый элемент списка определяется внутри этого контейнера с помощью дескриптора <LI> (который расшифровывается как list item- элемент списка).
По умолчанию элементы списка нумеруются с помощью обычных арабских цифр. Но можно сделать так, чтобы для нумерации использовались буквы алфавита (строчные или прописные) или римские цифры. Стиль форматирования списка определяется с помощью следующего синтаксиса:
<OL TYPE=тип>
Параметр тип может принимать значения, приведенные в таблице
Таблица – Типы нумерации упорядоченных списков в HTML
Тип |
Стиль |
1 |
Стандартный способ нумерации с помощью арабских цифр |
а |
Строчные буквы алфавита |
А |
Прописные буквы алфавита |
i |
Строчные римские цифры |
I |
Прописные римские цифры |
Способ нумерации можно изменить и в середине списка. Для этого соответствующий элемент списка нужно определить следующим образом:
<LI TYPE=тип>
Нумерацию списка с помощью цифр или букв можно начать с любой цифры или буквы. Для этого используется атрибут START.Чтобы начать нумерацию с некоторой буквы или римской цифры, воспользуйтесь атрибутами TYPE и START. Синтаксис этой процедуры выглядит следующим образом:
<OL TYPE=тип START=значение>
Параметр значение – это число.
Для изменения схемы нумерации внутри списка используется атрибут VALUE дескриптора <LI>.
3. Маркированные списки
Самым распространенным типом списка является неупорядоченный или маркированный список. В таких списках напротив каждого элемента неупорядоченного списка находится маркер (bullet), который может иметь вид, например, большого черного кружка или квадратика.
При создании маркированных списков используются дескрипторы <UL> и </UL>. Как и в нумерованных списках, все элементы маркированных списков определяются с помощью дескриптора <LI>.
Чтобы изменить тип маркера для всего списка, воспользуйтесь синтаксисом <UL TYPE=тип>, а для одного элемента списка – <LI TYPE=тип>, где параметр тип – это одно из значений, приведенных в таблице
Таблица – типы маркеров для маркированных списков
Тип |
Рекомендуемый внешний вид (зависит от браузера) |
Disk |
Заполненный кружок |
Square |
Заполненный квадратик |
Circle |
Незаполненный кружок |
4. Списки определений
Списки определений чем-то напоминают толковые словари, так как каждому термину соответствует абзац определения, расположенный с отступом. Это средство незаменимо в том случае, если нужно создать список элементов с их подробным описанием (например, для каталогов розничных товаров или недвижимости).
Список определений (definition list) содержится в контейнере <DL></DL>. Элементы списка определений создаются с использованием дескрипторов <DT> и <DD>, с помощью которых отмечаются термин и его определение соответственно.