4. Содержание отчета:
4.1 Наименование и цель работы
4.2 Код программы
4.3 Ответы на контрольные вопросы
4.4 Вывод о проделанной работе
5. Порядок выполнения работы:
5.1 Создайте свою папку, куда в дальнейшем будете размещать свои документы.
5.2 Запустите Блокнот.
5.3 Наберите HTML – код своей программы.
5.4 Сохраните свой документ с расширением *.html, для чего в меню файл выберите команду Сохранить как... Из перечня Тип файла выберите Все файлы.
5.5 Откройте свой файл и просмотрите результат.
6. Контрольные вопросы:
6.1 Назначение и виды таблиц в HTML – документе?
6.2 В чем различие тега <TH> и тега <TD>?
6.3 Как установить фоновый рисунок для таблицы?
ПРИЛОЖЕНИЕ:
В HTML таблицы используются в двух случаях: для представления числовых данных, разбитых по строкам и столбцам, или как средство форматирования веб – страниц, задания взаимного расположения элементов страницы. Ячейки таблицы могут содержать любые HTML – элементы, например заголовки, списки, абзацы, фигуры, графику, а также элементы формы. Фактически весь сайт расположен в большой сложной таблице.
Каждая таблица начинается тэгом <TABLE> и заканчивается тэгом </TABLE>. Внутри этой пары тэгов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в которых задаются данные для отдельных ячеек.
Каждая строка начинается тэгом <TR> и заканчивается тэгом </TR>. Отдельная ячейка в строке обрамляется парой тэгов <TD> и </TD> или <TH> и </TH>. Тэг <TH> используется для ячеек заголовка таблицы, а <TD> – для ячеек данных. Отличие этих тэгов в том, что в заголовке по умолчанию используется полужирный шрифт, а для данных – обычный.
Теги <TD> и <TH> не могут появляться вне описания строки таблицы <TR>.
Пример таблицы:
<HTML>
<HEAD>
<TITLE>Пример таблицы</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>Ячейка 1</TD>
<TD>Ячейка 2</TD>
</TR>
<TR>
<TD>Ячейка 3</TD>
<TD>Ячейка 4</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Спецификация тэга <TABLE>:
<TABLE
ALIGN="выравнивание"
BORDER="толщина рамки"
CELLPADDING="расстояние"
CELLSPACING="расстояние"
HEIGHT="высота"
VALIGN="вертикальное выравнивание"
WIDTH="ширина"
>
Спецификация тэга <TR>
<TR
ALIGN="выравнивание"
BGCOLOR="цвет фона"
VALIGN="вертикальное выравнивание"
>
Спецификация тега <TD>
<TD
ALIGN="выравнивание"
BGCOLOR="цвет фона"
COLSPAN="количество ячеек объединенных по горизонтали"
HEIGHT="высота ячейки"
ROWSPAN=" количество ячеек объединенных по вертикали»
VALIGN="вертикальное выравнивание"
WIDTH="ширина ячейки"
>
Практическая работа № 8
Наименование: Конструирование неявных таблиц на web - страницах
1. Цель: Научится создавать и использовать в дизайне неявные таблицы
2. Литература:
2.1 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с.
3. Задание:
3.1 В строке заголовка должен отражаться номер практической работы
3.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.
3.3 Создайте таблицу примерно следующего вида:
Вариант 1 – представить в таблице сведения о художниках (фотографии, краткие сведения, картина)
Вариант 2 – представить в таблице сведения о режиссерах (фотографии, краткие сведения, отрывок из фильма)