A. ЗАДАНИЕ на 2 занятие

Создайте HTML-документ со связным содержанием, в котором использованы все нижеперечисленные тэги. Тема содержания документа произвольная.

(Примерная форма документа приводится).

Основные критерии, которым должен соответствовать документ:

ü В тексте документа должно быть не менее 100 слов;

ü В HTML-документе должны быть заголовки не менее 3 уровней;

ü В HTML-документе должен быть нумерованный список, не менее чем из пяти пунктов;

ü В HTML-документе должен быть ненумерованный список, не менее чем из пяти пунктов;

ü Поставить не менее чем две горизонтальные строки;

ü Вставить в текст HTML-документа бегущую строку.

ü Использовать также возможности, изученные в первом занятии – изменение цвета текста, размера текста, выравнивание и т.д.

B. ПОРЯДОК РАБОТЫ:

1. В тело html-документа можно ввести заголовки до 6 вложенных уровней:

· <h1>Заголовок первого, высшего уровня</h1>

· <h2>Заголовок второго уровня</h2>

· <h3>Заголовок третьего уровня</h3>

· <h4>Заголовок четвертого уровня</h4>

· <h5>Заголовок пятого уровня</h5>

· <h6>Заголовок шестого уровня</h6>

В тэгах заголовков можно использовать атрибут align (как и для тега начала абзаца <p>) для выравнивания текста по центру, по левому или правому краю.

2. Нумерованные списки создаются с помощью тэгов <ol> и </ol>, каждый элемент списка отделяется тэгом <li>:

<ol>

<li> пункты списка

<li> пункты списка

…

</ol>

3. Ненумерованные списки создаются с помощью тэгов <ul> и </ul>, каждый элемент списка отделяется тэгом <li>:

<ul>

<li> пункты списка

<li> пункты списка

…

</ul>

4. Горизонтальная линия добавляется в текст с помощью тэга: <hr>.

5. В тексте HTML- документа можно ввести бегущую строку с помощью тэга marquee, синтаксис использования тэга marquee следующий:

<marquee атрибут1=”..” атрибут2=”..” …> … текст…</marquee>,

где в качестве атрибутов могут быть использованы следующие:

· bgсоlоr=#rrggbb – атрибут, задающий цвет фона бегущей строки;

· height – атрибут, задающий высоту полосы бегущей строки:

height=N, где N – высота в пикселах;

либо

height=n%, где n – высота в процентах от высоты окна броузера.

· align задает выравнивание бегущей строки по верхнему и нижнему краю, посередине:

align="top" – по верхнему краю полосы;

align="bottom'' – по нижнему краю полосы;

aligh="middle^" – посередине полосы;

· direction – атрибут, изменяющий направление движения строки:

direction="lefr" – движение в левую сторону;

direction=''right" – движение в правую сторону;

· behavior – атрибут, управляющий характером движения строки:

behavior="scroll" – дойдя до края окна, строка исчезает, а потом появляется с другой стороны;

behavior="slide" – появляется из-за края окна, достигает противоположного и останавливается;

behavior=^"alternate" – строка движется, отражаясь от стенок окна;

· hspace – атрибут, определяющий ширину полосу по горизонтали в пикселах:

hspace=N, где N – ширина в пикселах;

· vspace – атрибут, задающий пустое пространство сверху и снизу от полосы:

vspace=N, где N –в пикселах;

· loop – ограничивает количество проходов строки по экрану:

loop="n" – n: число проходов;

loop="infinite" – количество проходов не ограничено;

· scrollamount – атрибут, задающий скорость движения строки:

scrollamount="n" – n: число, определяющее скорость.

Дата добавления: 2015-10-02