- •Лабораторная работа Создание Web-страницы
- •Лабораторная работа
- •1. Структура документа html
- •2. Элементы html
- •3. Функциональные блочные элементы
- •4. Гипертекстовые ссылки
- •6. Форматирование текста
- •7. Списки
- •8. Таблицы
- •9. Отображение нескольких документов
- •10. Интерактивные Web-страницы
- •11. Таблица наиболее часто используемых тегов
- •Задание
- •Задание 2. Изучение приемов форматирования абзацев.
- •Задание 3. Создание гиперссылок.
- •Задание 5. Приемы форматирования текста.
- •Форма отчетности
- •Контрольные вопросы:
11. Таблица наиболее часто используемых тегов
Табл.2. Основные теги
Тег |
Закр. тег |
Значение |
Возможные атрибуты |
Значения атрибутов |
Структура документа |
||||
<HTML> |
</HTML> |
Начало и конец документа HTML |
|
|
<BODY> |
да |
Тело документа |
BACKGROUND= |
задание фонового рисунка |
<TITLE> |
да |
Общий заголовок документа |
|
|
Функциональные блочные элементы |
||||
<H1> . . <H6> |
да |
Уровень заголовка |
|
|
<P> |
необяз. |
Задание абзаца |
|
|
<BR> |
нет |
Переход на новую строку |
|
|
<HR> |
нет |
Горизонтальная линейка |
ALIGN= SIZE= WIDTH= |
расположение толщина длина |
Гипертекстовые ссылки |
||||
<A> |
да |
Задание ссылки |
HREF= |
адрес документа |
Графика |
||||
<IMG> |
нет |
Вставка рисунка |
SRC= WIDTH= HEIGHT= HSPACE=
VSPACE=
ALT= |
адрес рисунка; ширина рисунка; высота рисунка; величина промежутка между текстом и изображением по горизонтали; величина промежутка между текстом и изображением по вертикали; альтернативный текст; |
Продолжние табл.2. |
||||
Тег |
Закр. тег |
Значение |
Возможные атрибуты |
Значения атрибутов |
Форматирование текста |
||||
<FONT> |
да |
Управление параметрами шрифта |
должен содержать хотя бы один из атрибутов: COLOR= FACE= SIZE= |
цвет текста гарнитура шрифта размер шрифта |
<BASEFONT> |
нет |
Параметры шрифта, используемые в тексте по умолчанию, помещают один раз внутри элемента <BODY> |
см. <FONT> |
|
<B> |
да |
Полужирный шрифт |
|
|
<I> |
да |
Курсив |
|
|
<U> |
да |
Подчеркнутый текст |
|
|
<S> |
да |
Вычеркнутый текст |
|
|
<CITE> |
да |
Отображение цитат (курсивом) |
|
|
<EM> |
да |
Выделение (текста) |
|
|
<STRONG> |
да |
Сильное выделение (текста) |
|
|
Списки |
||||
<OL> |
да |
Нумерованный список |
|
|
<UL> |
да |
Маркированный список |
|
|
<LI> |
да |
Элемент списка |
Может содержать атрибуты, определяющие вид маркера, способ и последовательность нумерации |
|
<DL> |
да |
Список определений |
|
|
Продолжние табл.2. |
||||
Тег |
Закр. тег |
Значение |
Возможные атрибуты |
Значения атрибутов |
<DT> |
да |
Определяемые термины |
|
|
<DD> |
да |
Определения |
|
|
Таблицы |
||||
<TABLE> |
да |
Задание таблицы |
Атрибуты см. табл. 1 |
|
<CAPTION> |
да |
Заголовок таблицы |
|
|
<TR> |
да |
Строки таблицы |
|
|
<TH> |
да |
Ячейки в заголовках столбцов |
|
|
<TD> |
да |
Обычные ячейки |
|
|
Формы |
||||
<FORM> |
да |
Открытие/закрытие формы |
METHOD= |
определяет способ передачи представленных пользователем данных |
<INPUT> |
нет |
Создание различных элементов управления (текстовые поля, командные кнопки) |
TYPE=
«TEXT»
«PASSWD»
|
определяет конкретный тип элемента управления:
|
<TEXTAREA> |
|
|
|
|
<SELECT> |
да |
Создание обычных и раскрывающихся списков |
|
|