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

Тема: спецсимволы (дополнение).

Цель: изучить спецсимволы

Порядок выполнения работы:

1)Составить конспект

2) Выполнить все задания и показать отчет учителю.

Задание 1.

Итак, многие тэги определяют структуру документа. Вспомним о заголовках, они не просто выделяют текст полужирным шрифтом, информация из заголовка может использоваться браузерами пользователей, например, для автоматического построения оглавления документа. Т.е. получается, что у заголовков более широкое назначение, чем просто визуально выделять фрагмент текста.

Тоже самое и со списками, они также определяют структуру документа. Визуально списки отображаются следующим образом:

• Текст один

• Текст другой

• Текст сякой

• Текст эдакий

Это называется неупорядоченный список. Кроме неупорядоченных списков существуют еще и упорядоченные списки:

1. Сначала сделаем это.

2. Затем мы сделаем то.

3. А также действие третье.

4. И с ним нас четвертое ждет.

Различные типы списков можно употреблять одновременно друг с другом. Неупорядоченные списки вводятся тэгом <ul>:

<ul> ... </ul>

Чтобы ввести элементы списка (текст один, текст другой…), нам нужно ввести в нашу конструкцию тэг <li> (не требует закрывающего тэга):

<ul> <li>Текст один <li>Текст другой <li>Текст сякой <li>Текст эдакий </ul>

В итоге получим:

• Текст один

• Текст другой

• Текст сякой

• Текст эдакий

У тэга <li> есть атрибут type, он отвечает за стиль элемента списка, визуально это выглядит так:

• По умолчанию - (1)

• Полый кружок - (2)

• квадрат - (3)

В случае (1) - <li type="disk">,

в случае (2) - <li type="circle">,

в случае (3) - <li type="square">.

Атрибут type может вводиться не только для каждого элемента списка <li>, но и для всего списка в целом:

<ul type="square"> <li>Текст один <li>Текст другой <li>Текст сякой <li>Текст эдакий </ul>

Создайте списки на своей странице.

Задание 2.

Упорядоченные списки вводятся тэгом <ol>:

<ol> ... </ol>

Как и в случае с неупорядоченными списками, нам нужно ввести в нашу конструкцию тэг <li>:

<ol> <li>Сначала сделаем это <li>Затем мы сделаем то <li>А также действие третье <li>И с ним нас четвертое ждет </ol>

В итоге получим:

1. Сначала сделаем это

2. Затем мы сделаем то

3. А также действие третье

4. И с ним нас четвертое ждет

Для упорядоченных списков также может употребляться атрибут type. Для упорядоченных списков возможны следующие значение атрибута type:

1	арабские цифры	1, 2, 3, ...
a	буквы нижнего регистра	a, b, c, ...
A	буквы верхнего регистра	A, B, C, ...
i	римские цифры в нижнем регистре	i, ii, iii, ...
I	римские цифры в верхнем регистре	I, II, III, ...

Как вы можете понять из этой таблички – регистр, в котором вы пропишите значение атрибута type, учитывается.

<ol type="I"> <li>Сначала сделаем это <li>Затем мы сделаем то <li>А также действие третье <li>И с ним нас четвертое ждет </ol>

Получаем:

1. Сначала сделаем это

2. Затем мы сделаем то

3. А также действие третье

4. И с ним нас четвертое ждет

Создайте упорядоченные списки на своей странице.

Задание 3.

Тэг Marquee поддерживается только Internet Explorer.

<marquee height="10" width="270" bgcolor="#99CCFF"> Бегущая строка </marquee>

Текст, который мы помещаем в тэге <marquee></marquee>, становится бегущей строкой.

Все атрибуты тэга <marquee></marquee> вам уже знакомы: bgcolor - цвет фона бегущей строки, height - высота строки, width - ширина строки.

Также для бегущей строки можно задать и другие знакомые вам атрибуты - hspace, vspace и align

<marquee height="10" width="270" loop="2"> Бегущая строка </marquee>

Direction - задает направление движения бегущей строки - direction="left" (right, up, down) - движение влево (вправо, вверх, вниз).

Behavior - поведение строки - behavior="scroll" (slide, alternate). Scroll - обычная прокрутка (можно не прописывать, оно так и есть по умолчанию). Slide - прокрутка с остановкой, строка пробегает до края и останавливается. Если одновременно с behavor="slide" употребить параметр loop, то строка прокрутится установленное количество раз и остановится у края. Alternate - строка будет двигаться от края к краю.

Scrollamount - скорость движения строки, scrollamount="1". Может принимать значения от 1 до 10. 1 - самое медленное движение, 10 - самое быстрое.

Создайте на своей странице бегущую строку.