Контрольные задания
4.1. Создайте Web-страницу содержащую следующий текст:
4.2. Сохраните текст Web-страницы в папке
C:\Work\Курс_2\Группа\WEB с именем файла К_Задание.HTML
4.3. Закройте программы Блокнот и Internet_Explorer.
5. Рекомендуемая литература
Браун, Марк, Р., Хоникатт, Джерри, и др. Использование HTML 4, 4-е издание. Специальное издание.: Пер. с англ. – М.; СПб.; К.: Издательский дом «Вильямс», 2000.-784 с.: ил.(стр. 49-79).
Ю. П. Тютюнов, М. П. Кашук. «Основы разработки Web-страниц» (Методические указания и задания) – ОГТЖТ, 2006.
Под редакцией Ю.М. Алексеева. Быстро и легко создаем, программируем, шлифуем и раскручиваем web-сайт. «Лучшие книги» Москва. 2004.-432 с.: ил.
Лабораторная работа № 5 Тема: Создание списков и таблиц средствами языка html.
Цель: Получение практических навыков создания списков и таблиц средствами языка 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" - задает размер пустого пространства в пикселях, окружающего данные в ячейке.