- •Министерство образования и науки Российской Федерации
- •2.2. Основные тэги
- •2.3. Форматирование текста
- •2.4. Таблицы
- •2.5. Списки
- •2.6. Вставка изображений.
- •2.7. Гиперссылки на Web-страницах
- •2.8. Формы на Web-страницах
- •2.9. Описание основных тэгов html
- •3. Задание к работе
- •4. Содержание отчета
- •5. Контрольные вопросы
- •Список рекомендуемой литературы
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> |
|
<OL Type="i"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL> |
|
<OL Type="I"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL> |
|
<OL Type="A"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL> |
|
<OL Type="a"><LI>Пункт 1<LI>Пункт 2<LI>Пункт 3</OL> |
|
2.6. Вставка изображений.
На Web-страницах могут размещаться графические файлы трех форматов – GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его необходимо предварительно преобразовать в один из вышеуказанных форматов с помощью графического редактора. Для этих целей можно использовать редактор Photo Editor, входящий в пакет Microsoft Office.
Для вставки изображения используется тэг <IMG> с атрибутом SRC=”name”, значение которого указывает на место хранения файла на локальном компьютере или в Интернете. Если графическийфайл находится на локальном компьютере в том же каталоге, что и файлWeb-страницы, то в качестве значения атрибутаSRCдостаточно указать только имя файла. Если файл находится в другом каталоге на данном локальном компьютере, то значением атрибута должно быть полное имя файла. Если файл находится на удаленном сервере в Интернете, то должен быть указан URL-адрес этого файла.
Расположить рисунок относительно текста различными способами позволяет атрибут ALIGNтэга<IMG>, который может принимать пять различных значений:ТОР (верх),MIDDLE (середина),BOTTOM(низ), LEFT(слева) иRIGHT (справа).
Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако иногда пользователи в целях экономии времени отключают в браузере загрузку графических изображений и читают только тексты. Поэтому, чтобы не терялись смысл и функциональность страницы, вместо рисунка с помощью атрибутаALTвыводится текст, поясняющий, что должен был бы увидеть пользователь на рисунке. Например:<IMG SRC= "computer.gif" ALT="Компьютер" ALIGN=«right >.