Задание.

1. Запустите текстовый редактор и создайте HTML-документ используя теги для форматирования текста: <pre></pre>, <h1></h1>, .. , <h6></h6>, <b></b>, <i></i>, <tt></tt>, <cite></cite>, <em></em>, <strong></strong>, <code> </code>, <address> </address>, <blink> </blink>, <font face=? size=?></font>.

Название страницы: Работа с Текстом.

Содержимое страницы: Примеры работы с текстом.

(<BASEFONT SIZE=2>

<H1> -Это первый Заголовок </H1>

<HR WIDTH=50% SIZE=3 NOSHADE>

<FONT FACE="Arial” SIZE=”+2”> Это шрифт Ариал </FONT>

<BR>

и так далее ... )

2. Сохраните полученный документ под названием lab2.Htm.

3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №3

Тема: Основные теги для разметки текста..

Цель работы: Изучить основные теги для работы со списками.

Инструменты: Текстовый редактор NotePad. HTML-браузер MS Internet Explore.

Краткие сведения из теории

Списки в HTML бывают трех типов: ненумерованные, нумерованные и так называемые списки терминов. Ненумерованный список оформляется с помощью блока

<UL>

<LI> элемент

<LI> элемент

...

</UL>

Список будет отображен примерно так:

• Элемент 1

• Элемент 2

....

Нумерованный список отличается от ненумерованного тем, что около пунктов вместо жирных точек вставляются порядковые номера пунктов. Оформляется он в виде блока

<OL>

<LI> элемент

<LI> элемент

...

</OL>

Отобразится он в таком виде:

1. Элемент 1

2. Элемент 2

....

Третим видом списка является список терминов. Он очень удобен для оформления всевозможных глоссариев. Оформить такой список можно с помощью блока

<DL>

<DT>Термин1 <DD>Описание1

<DT>Термин2 <DD>Описание2

...

</DL>

Вид у полученного списка будет примерно следующий:

Термин1

Описание1

Термин2

Описание2

...

Для создания отсупов с обеих сторон текста можно использовать тег <BLACKQUOTE> ... </BLACKQUOTE>

Задание.

1. Запустите текстовый редактор и создайте HTML-документ используя теги: <p align=?>, <br>, <hr> ,<blockquote></blockquote>, <dl></dl>, <dt>, <dd>, <ol></ol>, <li>, <ul></ul>, <div align=?>.

Название страницы: Работа с Текстом.

Содержимое страницы: Примеры работы с текстом.

Пример:

(организуйте следующий список при помощи тегов <ul></ul>, <li>)

• Неупорядоченную информацию.

• Упорядоченную информацию.

• Определения.

(организуйте следующий список при помощи тегов <ol></ol>, <li>)

1. Неупорядоченную информацию.

2. Упорядоченную информацию.

3. Определения.

(организуйте следующий список при помощи тегов<dl></dl>, <dt>, <dd>, <strong>

Низкая цена

Новая модель этого изделия существенно дешевле предыдущей!

Проще работа

Мы изменили изделие, так что с ним теперь легко работать!

Безопасно для детей

Вы можете оставить своих детей в комнате, и изделие не причинит им вреда (не гарантируется).

(организуйте следующий список используя вложенные списки)

Ингредиенты:

• 100 г муки

• 10 г сахара

• 1 стакан воды

• 2 яйца

• соль, перец

Процедура:

1. Тщательно смешайте сухие ингредиенты.

2. Влейте жидкие ингредиенты.

3. Смешивайте 10 минут.

4. Выпекайте в течение часа при температуре 300 градусов.

Примечания:

Можно добавить изюм.