Цель: Получение практических навыков создания списков и таблиц средствами языка HTML

Техническое обеспечение: PENTIUM

Программное обеспечение: WINDOWS, Microsoft Word, Microsoft Internet Explorer.

Место проведения: Лаборатория ПЭВМ.

Продолжительность занятия: 2 часа.

Краткая справка

Списки.

Использование списков позволяет более удобно и наглядно представлять текст в окне браузера. Язык HTML поддерживает ненумерованные и нумерованные списки, списки определений.

Ненумерованный список определяется тегами <UL></UL>. Перед каждым элементом

будет стоять специальный списочный значок (точка).

Нумерованныйсписок определяется тегами <OL></OL>.

Элементы списка отмечаются метками <LI>. В нумерованном списке Браузер автоматически генерирует номера для каждого пункта.

Отдельные элементы в упорядоченном и неупорядоченном списках помечают одиночным тегом <LI>.

Списки определений обеспечивают специальное форматирование, как в словарях, для терминов и связанных с ними описаний.

Списки определений определяются тегами <DL></DL>.

<DT> - идентификатор термина в списке определений.

<DD> - идентификатор значений термина в списке определений.

Списки определений имеют вид:

<DL>

<DT> название термина 1

<DD> определение термина 1

<DD> другое определение термина 1

</DL>

Таблицы.

Таблицы являются удобным средством форматирования данных в HTML.

Таблицу задаети определяет ее общие свойства тег <table></table>.

Таблица состоит из строк и столбцов (ячеек), поэтому нам надо еще и указать их.
<tr></tr> - строчка таблицы
<td></td> - столбец (ячейка) таблицы

Тег <table> может иметь атрибуты:

<table border="5" width="100" cellpadding="10" cellspacing="10">, где

border="5" - ширина боковой грани в пикселях. При нулевом значении рамка исчезает совсем.

width="100" - ширина таблицы в пикселях или

width="50%" -ширина таблицы в % по отношению к ширине страницы в окне.

cellspacing="10" - ширина фронтальной грани в пикселях.

cellpadding="10" - задает размер пустого пространства в пикселях, окружающего данные в ячейке.

Контрольные вопросы.

Какие виды списков поддерживает язык HTML?

Какие тэги определяют Ненумерованные, нумерованные и списки определений?

Какой тэг задаёт таблицу и определяет ее общие свойства?

2.4. Атрибуты Тега <Table>

Задания и технология выполнения.

3.1. Создайте Web-страницу содержащую списки следующего вида:

Ненумерованный список

• Лабанов Андрей
• Дренёва Анастасия
• Ивко Елена