Самостоятельная работа.

Анкета

Петров Владимир Владимирович

Лет

Козерог

Студент

Люблю рок-музыку

Указания к выполнению

Откройте в Notepad++ файл 1.html и создайте анкету с помощью заголовочных тегов <H1-6 ALIGN=”LEFT| CENTER| RIGHT”> текст </H1-6>, с помощью атрибута ALIGN выравните текст по центру.

Задание 3. Создайте текст на HTML-cтранице по образцу

ПАРУС

Белеет парус одинокой
В тумане моря голубом!..
Что ищет он в стране далекой?
Что кинул он в краю родном?..

Играют волны — ветер свищет,
И мачта гнется и скрыпит...
Увы! он счастия не ищет,
И не от счастия бежит!

Под ним струя светлей лазури,
Над ним луч солнца золотой...
А он, мятежный, просит бури,
Как будто в бурях есть покой!

Указания к выполнению

В файле 1.html после анкеты наберите текст стихотворения «Парус» и отформатируйте шрифт текста по образцу. Название стихотворения заголовок 3-го уровня (<H3></H3>), первая строчка стихотворения выделена жирным шрифтом с помощью тегов <B></B> или <STRONG></STRONG>; вторая строчка выделена курсивом с помощью тега <I></I>; третья строчка подчеркнута с помощью тега <U></U>>; четвертая строчка перечеркнута с помощью тега <S></S> или <DEL></DEL>; пятая, шестая, седьмая и восьмая строчки выделены с помощью тегов с размерами шрифтов <FONTSIZE=1|3|5|7></FONT> соответственно; девятая строчка выделена с помощью тега <SMALL></SMALL>; десятая строчка создана при помощи тега <BIG></BIG>; одиннадцатая и двенадцатая строчки раскрашены с помощью тегов <FONTCOLOR=YELLOW|GREEN></FONT> соответственно. В конце стихотворения добавьте фамилию и инициалы автора стихотворения моноширинным шрифтом(шрифт имитирующий печатную машинку), с помощью контейнеров тегов <tt></tt>,<kbd></kbd>или<samp></samp>.

Задание 4. Создание формулу по образцу S_{квадрата}=a²

Указания к выполнению

Для создания нижнего индекса используйте теги  в контейнер заключите индекс, для возведения в степень используйте теги верхнего индекса . Увеличьте шрифт не индексного текста до 5.

Задание 5. Создание абзацев.

Указания к выполнению

Скопируйте любой текст и вставьте в файл 1.html после формулы, отформатируйте абзацы с помощью тега <P></P> для выравнивания абзаца используйте атрибут ALIGN=LEFT| CENTER| RIGHT | JUSTIFY.

Задание 6. Создание списков.

Указания к выполнению

В файле 1.html после отредактированного текста создайте списки.

Для создания нумерованного списка используют теги <OL><LI>.

<OL><LI>Элемент списка 1 </LI>

<LI>Элемент списка 2</LI>

<LI>Элемент списка 3</LI></OL>

Список по умолчанию цифровой, но его можно сделать и буквенным c помощью атрибута TYPE.

<OLTYPE=a><LI>Элемент списка 1 </LI>

<LI>Элемент списка 2</LI>

<LI>Элемент списка 3</LI></OL>

Для создания маркированного списка используют теги <UL><LI>.

<UL>LI>Элемент списка 1 </LI>

<LI>Элемент списка 2</LI>

<LI>Элемент списка 3</LI></UL>

Маркеры в списке можно сделать разнообразными c помощью атрибута TYPE=circle|disc|square.

<UL><LI>Элемент списка 1 </LI>

<LI>Элемент списка 2</LI>

<LI>Элемент списка 3</LI></UL>

Для создания списков определений используют три тэга:

<DL>- начало/конец списка.

<DT>- начало/конец конкретного термина.

<DD>- начало/конец поясняющей статьи термина.

<DL><DT>ГРИБЫ</DT>

<DD>ОПЯТА</DD>

<DD>ГРУЗДИ</DD></DL>

Самостоятельная работа.

a) Создайте формулу соляной кислоты и общий вид квадратного уравнения.

b) Создайте смешанный список по образцу

Я знаю как оформлять:

1. Шрифты

· Размер

· Цвет

· Гарнитуру

· Индексы

2. Заголовки

· От 1-го до 6-го уровня

3. Абзацы

· Выравнивание

· Разрыв строк внутри абзаца

· С использованием переформатирования.

Составить отчет о выполнении

Задание 7. Создание аббревиатуры

Указания к выполнению

Для создания аббревиатуры можно использовать либо контейнер тегов<abbr></abbr>, либо <acronym></acronym>, разница между ними лишь в том что <acronym></acronym>это элементы только спецификацииHTML4.01, а Теги <abbr></abbr>спецификацийHTML4.01/5.0 и расшифровать аббревиатуры можно с помощью атрибутаTITLe, например:

<abbr TITLe=”Hyper Text Markup Language”>HTML</abbr><br>

<acronym>HTML</acronym>.

Не нашли, что искали? Воспользуйтесь поиском: