
- •Міністерство освіти і науки україни
- •Методические указания
- •Порядок выполнения работ
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа №2 Списки и таблицы в html.
- •2. Методические указания
- •3. Порядок выполнения работ
- •Атрибуты table:
- •Атрибуты td, th:
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа № 3 Создание html-страницы с резюме.
- •2. Краткие теоретические сведения – правила составления резюме
- •Образец (пример) составления (написания) резюме
- •3. Методические указания
- •Лабораторная работа №4 Каскадные таблицы стилей (css).
- •2. Методические указания
- •3. Порядок выполнения работ
- •4. Порядок выполнения работы
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №5 html Формы.
- •2. Методические указания
- •3. Теоретические сведения
- •4. Практическое задание
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №6 Резка и верстка веб-страниц.
- •Методические указания
- •Порядок выполнения работ
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа №7 Обработка событий в html.
- •2. Методические указания
- •3. Теоретические сведения
- •4. Практическое задание
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №8 Основы синтаксиса JavaScript
- •2. Методические указания
- •4. Теоретические сведения
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №9 Математические функции JavaScript. Объект Math.
- •2. Методические указания
- •3. Теоретические сведения
- •4. Содержание отчёта
- •5. Контрольные вопросы
- •Лабораторная работа №10 Объект JavaScript – document.
- •2. Методические указания
- •3. Теоретические сведения
- •Лабораторная работа №11 Объект JavaScript – Date.
- •Методические указания
- •Теоретические сведения
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа №12 Объект JavaScript – Image.
- •Методические указания
- •Теоретические сведения
- •Содержание отчёта
- •Контрольные вопросы
- •Лабораторная работа №12 Объект JavaScript – window.
- •Методические указания
- •Теоретические сведения
- •4. Задания:
- •5. Содержание отчёта
- •6. Контрольные вопросы
- •Лабораторная работа №14
- •2. Методические указания
- •3. Теоретические сведения
- •4. Задания:
- •5. Содержание отчёта
- •6. Контрольные вопросы:
Атрибуты table:
имя атрибута |
возможные значения |
смысл |
примечания |
ALIGN |
LEFT, RIGHT |
Определяет горизонтальное положение таблицы. Задание этого атрибута фактически определяет плавающую таблицу, которую может обтекать текст. При использовании этого атрибута по окончании таблицы должна следовать команда BR. |
LEFT - Таблица прижимается влево (используется по умолчанию). RIGHT – Таблица прижимается вправо. Текст в клетках прижимается к влево. |
VALIGN |
TOP, MIDDLE, BOTTOM |
Определяет вертикальное расположение текста в таблице |
|
WIDTH |
целое |
Определяет ширину таблицы в пикселах или в процентах от ширины экрана. Для задания n в процентах используется знак (%) процента. |
броузер использует это значение, если оно не конфликтует с требованиями ширины в соседних ячейках в том же самом столбце |
HEIGHT |
целое |
Определяет высоту таблицы в пикселах или в процентах от высоты экрана. Позволяет при необходимости растягивать таблицу на весь экран. |
броузер использует это значение, если оно не конфликтует с требованиями высоты для других ячеек в той же самой строке |
BACKGROUND |
URL |
Задает в качестве фона графический файл. |
|
BGCOLOR |
|
Задает цвет фона. |
|
BORDER |
целое |
Ширина рамки в пикселах |
По умолчанию рамка не рисуется |
BORDER COLOR |
|
Задание цвета рамки |
|
CELLPADDING |
целое |
Задает расстояние в пикселах между границей клетки и ее содержимым. |
|
CELLSPACING |
целое |
Задает расстояние в пикселах между внешней рамкой таблицы и ее клетками внутри таблицы. |
|
Атрибуты td, th:
имя атрибута |
возможные значения |
смысл |
примечания |
NOWRAP |
|
подавляет перенос слов |
эквивалентно использованию непрерывных пробелов ( ) вместо обычных пробелов в пределах содержимого ячейки |
ROWSPAN |
целое |
число строк, перекрываемых ячейкой |
по умолчанию 1 |
COLSPAN |
целое |
число столбцов, перекрываемых ячейкой |
по умолчанию 1 |
ALIGN |
LEFT, CENTER, RIGHT, JUSTIFY, CHAR |
горизонтальное выравнивание данных в ячейке |
по умолчанию LEFT или атрибут ALIGN во включающем элементе TR, Если задано ALIGN=”CHAR”, то задается свойство CHAR=”.”, с указанием относительно какого символа выравнивать. Свойство CHAROFF=Length заставляет сдвигать ячейки, не содержащие заданного символа |
VALIGN |
TOP, MIDDLE, BOTTOM, BASELINE |
вертикальное выравнивание данных в ячейке |
перекрывается атрибутом VALIGN во включающем элементе TR |
WIDTH |
целое |
ширина ячейки в пикселях |
броузер использует это значение, если оно не конфликтует с требованиями ширины в соседних ячейках в том же самом столбце |
HEIGHT |
целое |
высота ячейки в пикселях |
броузер использует это значение, если оно не конфликтует с требованиями высоты для других ячеек в той же самой строке |
BACKGROUND, BGCOLOR, BORDERCOLOR |
Аналогично атрибутам TABLE |
Пример:
<table width="80%" border="1" cellspacing="0" cellpadding="5" align="right">
<tr>
<th colspan="4" align="center">Сотрудники ЧП "ЛугУголь"</th>
</tr>
<tr bgcolor="#CCCCCC" align="center">
<td>Фамилия Имя Отчество</td>
<td>Дата рождения</td>
<td>Адрес</td>
<td>Телефон</td>
</tr>
<tr>
<td>Иванов Иван Иванович</td>
<td align="center">12.12.2000</td>
<td bgcolor="#33CCFF">ул. Советская 6/54</td>
<td align="right">96-80-43</td>
</tr>
<tr>
<td>Притиркин Сергей Михайлович</td>
<td align="center">09.09.2009</td>
<td bgcolor="#33CCFF">ул. Котельникова 9/2</td>
<td align="right">81-96-40</td>
</tr>
</table>