Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ТОИ_лр-5.docx
Скачиваний:
4
Добавлен:
21.03.2015
Размер:
76.41 Кб
Скачать

2.5. Списки

В HTML есть возможность создания списков. Простейший списк – ненумерованный. Он заключается между тэгами <UL>и</UL>, причём каждый пункт списка задаётся тэгом<LI>:

<UL>

<LI>Пункт 1

<LI>Пункт 2

<LI>Пункт 3

</UL>

Существует возможность создания любого числа списков, вложенных в другой список. Для этого в HTML-коде стоит лишь написать внутри одного списка другой, например, так:

<UL>

<LI>Пункт 1

<LI>Пункт 2

<UL>

<LI>Пункт 2-1

<LI>Пункт 2-2

<LI>Пункт 2-3

</UL>

<LI>Пункт 3

</UL>

Также в HTML есть возможность создания списков с различной нумерацией. Нумерованные списки заключаются в тэги <OL>и</OL>. Пункты списка обозначаются<LI>. Для указания типа нумерации к тэгу<OL> добавляется атрибутType="", где в кавычках может указываться любое из следующих значений: 1, i, I, a, A, которое и указывает на тип нумерации. Тип "1" используется по умолчанию и указывать его необязательно, т.е. тэги<OL>и<OL Type="1">идентичны. В табл. 2 приводятся примеры всех типов нумерации.

Таблица 2

Написание в HTML

Отображение в браузере

<OL Type="1"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL>

  1. Пункт 1

  2. Пункт 2

  3. Пункт 3

<OL Type="i"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL>

  1. Пункт 1

  2. Пункт 2

  3. Пункт 3

<OL Type="I"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL>

  1. Пункт 1

  2. Пункт 2

  3. Пункт 3

<OL Type="A"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL>

  1. Пункт 1

  2. Пункт 2

  3. Пункт 3

<OL Type="a"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL>

  1. Пункт 1

  2. Пункт 2

  3. Пункт 3

2.6. Вставка изображений.

На Web-страницах могут размещаться графические файлы трех форматов – GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его необходимо предварительно преобразовать в один из вышеуказанных форматов с помощью графического редактора. Для этих целей можно использовать редактор Photo Editor, входящий в пакет Microsoft Office.

Для вставки изображения используется тэг <IMG> с атрибутом SRC=”name”, значение которого указывает на место хранения файла на локальном компьютере или в Интернете. Если графическийфайл находится на локальном компьютере в том же каталоге, что и файлWeb-страницы, то в качестве значения атрибутаSRCдостаточно указать только имя файла. Если файл находится в другом каталоге на данном локальном компьютере, то значением атрибута должно быть полное имя файла. Если файл находится на удаленном сервере в Интернете, то должен быть указан URL-адрес этого файла.

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGNтэга<IMG>, который может принимать пять различных значений:ТОР (верх),MID­DLE (середина),BOTTOM(низ), LEFT(слева) иRIGHT (справа).

Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако иногда пользователи в целях экономии времени отключают в браузере загрузку графических изображений и читают только тексты. Поэтому, чтобы не терялись смысл и функциональность страницы, вместо рисунка с помощью атрибутаALTвыводится текст, поясняющий, что должен был бы увидеть пользователь на рисунке. Например:<IMG SRC= "computer.gif" ALT="Компьютер" ALIGN=«right >.