Лабораторная работа № 11

Тема: «HTML. Работа с текстом и списками»

1. Для разметки цитат используйте элемент BLOCKQUOTE. Этот тэг необходимо закрывать. Убедитесь, что текст между тегами <BLOCKQUOTE> и </BLOCKQUOTE> при отображении в броузере имеет отступ слева. Для этого разместите текст цитаты между двумя параграфами, в которых текст имеет несколько строк.

2. Рассмотрите использование элемента UL для создания неупорядоченных списков. Этот тег также должен обязательно закрываться. Пункты списка определяются тегом LI и не закрываются. Пример использования:

<UL>

<LI> ... первый пункт списка

<LI> ... второй пункт списка

...

</UL>

3. Для изменения стиля разметки данного списка элементы UL и LI могут содержать атрибут TYPE, который может принимать одно из трех значений: «disc», «square» и «circle». Рассмотрите каждый из этих стилей.

• в случае <li type=disc>

• в случае <li type=square>

• в случае <li type=circle>

4. Упорядоченные (нумерованные) списки создаются аналогично неупорядоченным, с разницей в том, что вместо элемента UL используется OL. Создайте такой список не менее чем из 5 пунктов.

5. Рассмотрите использование для элемента OL атрибута START для задания первого числа, с которого начнется нумерация первого пункта (значение должно быть целым).

6. Для изменения нумерации внутри списка используйте для тэга этого пункта атрибут VALUE с тем значением, с которого должна продолжится нумерация (значение должно быть целым).

7. Стиль списка также меняется с помощью атрибута TYPE со значениями: «1», «а», «А», «i» и «I».

8. Для создания списка определений применяют элемент DL следующим образом:

<DL>

<DT> название термина

<DD> определение термина

...

</DL>

Пример:

<DL>

<DT>Первый термин<DD>Определение первого термина.

<DT>Второй термин<DD>Определение для второго термина.

</DL>

Рассмотрите, как будет произведена разметка.

9. Для выравнивания по центру текста, изображений и других элементов они должны быть заключены меджу тегами CENTER (закрывать тэг – обязательно!).

10. Для разделения документа на болки можно использовать горизонтальную линию. Она указывается с помощью тега HR и имеет следующие атрибуты: align, noshade, size и width.

11. Измените ширину линии до 300 пикселов, задав атрибут width, равный 300. Также можно задать ширину в процентах от ширины документа (обязательно значение в процентах брать в кавычки). Например:

<HR width=”50%”>

Разница в том, что в первом случае ширина линии будет фиксированной, а во второй будет изменяться в зависимости от ширины окна броузера. Сделайте две линии, задав одной ширину в пикселах, а другой в процентах. Далее переведите окно броузера из режима «на весь экран» в «оконный» и измените ширину этого окна. Убедитесь в написаном выше.

12. Задайте толщину линии в пикселах атрибутом SIZE.

13. Изменение положения линии по горизонтали задается атрибутом ALIGN также, как и в параграфах.

14. Атрибут NOSHADE не имеет значения и позволяет делать линию закрашенной сплошным цветом, а не как традиционно двухцветной "выемкой".

15. Напишите параграф текста в несколько строк и рассмотрите следующие элементы для изменения шрифта:

• TT телетайпный текст или текст фиксированной ширины

• I стиль с наклонным шрифтом

• B стиль с жирным шрифтом

• U стиль с подчеркиванием текста

• STRIKE стиль с перечеркиванием текста

• BIG печать текста шрифтом увеличенного размера

• SMALL печать текста шрифтом уменьшенного размера

• SUB печать текста со сдвигом вниз (нижний индекс)

• SUP печать текста со сдвигом вверх (верхний индекс)

Каждый из этих тэгов должны ОБЯЗАТЕЛЬНО закрываться. Они могут быть вложены друг в друга. Например:

<P>Это некий <B>жирный</B> и <I>наклонный</I> текст.<BR>

А этот <I><B>и жирный и наклонный</B></I> одновременно.