Практическая работа №11. Размещение на веб-страницах списков и таблиц.

Цель работы: освоить возможности размещения текста в форме списков и с созданием таблиц при разработке WEB – страниц

Теоретическая часть:

Рассмотрим процесс создания нумерованных и маркированных списков. Они создаются примерно одинаковым образом. Список всегда располагается между открывающим и закрывающим тегом списка: <OL> и </OL> в случае упорядоченного списка; <UL> и </UL> - в случае неупорядоченного. Внутри списка располагаются его элементы. Их заключают между тегами <LI> и </LI>.

Таблица начинается открывающимся тегом <TABLE> и завершается закрывающимся </TABLE>.

Строки таблицы начинаются открывающимся тэгом <TR> и завершаются закрывающимся </TR>, а каждая ячейка таблицы начинается тегом <TD> и завершается </TD>.

Практическая часть

Создайте папку и переименуйте её своей фамилией.

В папке создайте 2 документа в программе Блокнот, на основе которого можно сделать Веб-страницу. (сделайте заголовок, тело).

На первом документе отобразите следующий список:

• сканеры для ввода текстов и иллюстраций
1. листовые сканеры
2. ручные сканеры
3. планшетные сканеры
• специальные типы сканеров
1. барабанные сканеры
2. сканеры форм
3. штрих-сканеры

HTML- код для этой страницы выглядит следующим образом:

<ul>

<li> сканеры для ввода текстов и иллюстраций

<ol> <li> листовые сканеры

<li> ручные сканеры

<li> планшетные сканеры

</ol>

<li>специальные типы сканеров

<ol> <li> барабанные сканеры

<li> сканеры форм

<li> штрих-сканеры

</ol>

</l>

Сохраните документ под именем spisok.htm

В теле этой же Веб-страницы постройте следующую таблицу:

Такая таблица реализуется следующим кодом:

<TABLE >
<TR><TD>Монитор</TD>
<TD>Клавиатура </TD> </TR>
<TR> <TD>Мышь </TD>
<TD>Системный блок </TD> </TR>
</TABLE>

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

• Рабочие дни:
1. понедельник
2. вторник
3. среда
4. четверг
5. пятница
• Выходные дни:
1. суббота
2. воскресенье

и таблица:

Прогноз погоды:

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