Тег | Раздел | Подраздел |
<A> | Гипертекстовые ссылки | Создание гиперссылок на другие Web-страницы |
<ALIGN> | 1.Основная часть Web-страницы 2.Графика в Web 3.Таблицы | 1.Выравнивание абзацев и заголовков. Создание линий. 2.Выравнивание текста относительно изображений 3.Выравнивание данных в ячейках таблицы по горизонтали |
ALINK | Использование графики, цвета, текста | Изменение цвета текста и гиперссылок |
<ALT> | Графика в Web | Альтернативы изображениям- ссылкам |
<AREA> | Карты ссылок | ..................... |
<B> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
BACKGROUND | 1.Использование графики, цвета, текста 2.Листы стилей | 1.Добавление на Web-страницы графических фоновых изображений 2.Возможности листов стилей |
<BASE> | Фреймы | Использование тега <BASE> для определения стандартных параметров |
BGCOLOR | Использование графики, цвета, текста | Добавление на Web-страницы цветных фоновых изображений |
<BLOCKQUOTE> | Основная часть Web-страницы | Форматирование цитат с помощью тегов <BLOCKQUOTE> и <Q> |
<BODY> | Создание Web-страницы | ...................... |
BORDER | Графика в Web | Обтекание изображений текстом |
BORDERCOLOR | Таблицы | Окрашивание таблиц и рамок |
BORDERLIGHT | Таблицы | Окрашивание таблиц и рамок |
<BR> | Основная часть Web-страницы | Использование символов разрыва абзаца и строк |
<CAPTION> | Таблицы | Добавление подписей к таблицам |
CELLPADDING | Таблицы | Выбор типа таблицы |
CELLSPACING | Таблицы | Выбор типа таблицы |
<CITE> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
CLASS | Листы стилей | Использование тега <STYLE> и атрибута CLASS |
CLEAR | Графика в Web | Обтекание изображений текстом |
<CODE> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
COLOR | Использование графики, цвета, текста | Изменение внешнего вида текста |
COLS | 1.Таблицы 2.Фреймы | 1.Выбор типа таблицы 2.Создание фреймов |
COLSPAN | Таблицы | Увеличение размеров ячеек с помощью атрибутов COLSPAN и ROWSPAN |
COORDS | Карты ссылок | ........................ |
<DFN> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
<DIR> | Использование новых атрибутов | Определение направления прочтения текста с помощью атрибута DIR |
<DIV> | Листы стилей | Использование тега <DIV> и листов стилей |
<DD> | Создание списков | Списки определений |
<DL> | Создание списков | Списки определений |
<DT> | Создание списков | Списки определений |
<EM> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
FACE | Использование графики, цвета, текста | Изменение внешнего вида текста |
<FONT> | Основная часть Web-страницы | Изменение размера шрифта |
FRAME | Фреймы | Как загружать в фреймы целые страницы |
FRAMEBORDER | Фреймы | Определение границ фрейма |
FRAMES | Таблицы | Использование атрибутов таблиц |
FRAMESET | Фреймы | Создание фреймов |
<HEAD> | Создание Web-страницы | ...................... |
HEIGHT | Графика в Web | Определение ширины и высоты изображения |
<Hn> | Основная часть Web-страницы | Использование заголовков для создания структуры документа |
HREF | Гипертекстовые ссылки | Создание гиперссылок на другие Web-страницы |
HSPACE | Графика в Web | Поля вокруг изображений |
<HTML> | Создание Web-страницы | ...................... |
<I> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
<IMG> | Графика в Web | Использование тега <IMG> для вставки графических файлов |
<KBD> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
<LANG> | Использование новых атрибутов | Определение языка с помощью атрибута LANG |
<LI> | Создание списков | Нумерованные списки |
LINK | 1.Использование графики, цвета, текста 2.Листы стилей | 1.Изменение цвета текста и гиперссылок 2. Использование тега <LINK> в листах стилей |
<MAP> | Карты ссылок | ................... |
MARGINHEIGHT | Фреймы | Настройка фреймов |
MARGINWIDTH | Фреймы | Настройка фреймов |
NAME | 1.Гипертекстовые ссылки 2.Карты ссылок 3.Фреймы | 1.Создание внутренних ссылок в документах 2...................... 3.Как присваивать фреймам имена |
NOFRAMES | Фреймы | Проблемы браузеров, не поддерживающих фреймы |
NORSIZE | Фреймы | Настройка фреймов |
NOSHADE | Основная часть Web-страницы | Создание линий в HTML |
<OL> | Создание списков | Нумерованные списки |
<P> | Основная часть Web-страницы | Использование символов разрыва абзаца и строк |
<PRE> | Основная часть Web-страницы | Использование элемента PRE для упрощения процедуры форматирования текста |
<Q> | Основная часть Web-страницы | Форматирование цитат с помощью тегов <BLOCKQUOTE> и <Q> |
ROWS | Фреймы | Создание фреймов |
ROWSPAN | Таблицы | Увеличение размеров ячеек с помощью атрибутов COLSPAN и ROWSPAN |
RULES | Таблицы | Использование атрибутов таблиц |
<SAMP> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
SCROLLING | Фреймы | Настройка фреймов |
SHAPE | Карты ссылок | ....................... |
SIZE | Основная часть Web-страницы | Изменение размера шрифта Создание линий в HTML |
<SPAN> | Листы стилей | Использование тега <SPAN> для форматирования определенных элементов |
SRC | Графика в Web | Использование тега <IMG> для вставки графических файлов |
<STYLE> | Листы стилей | Использование тега <STYLE> и атрибута CLASS |
<STRIKE> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
<STRONG> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
<SUB> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
<SUP> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
<TABLE> | Таблицы | Выбор типа таблицы |
TARGET | Фреймы | Загрузка страниц в именованные окна фреймов |
<TD> | Таблицы | Создание строк и столбцов |
TEXT | Использование графики,цвета,текста | Изменение цвета текста и гиперссылок |
<TH> | Таблицы | Определение ячеек данных и заголовков |
<TITLE> | Создание Web-страницы | ...................... |
<TR> | Таблицы | Создание строк и столбцов |
<TT> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
TYPE | Листы стилей | Использование тега <STYLE> и атрибута CLASS |
<U> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
<UL> | Создание списков | Маркированные списки |
USEMAP | Карты ссылок | ....................... |
VALIGN | Таблицы | Выравнивание данных в ячейках таблицы по вертикали |
<VAR> | Основная часть Web-страницы | Форматирование текста с помощью стилей |
VLINK | Использование графики, цвета, текста | Изменение цвета текста и гиперссылок |
VSPACE | Графика в Web | Поля вокруг изображений |
WIDTH | 1.Основная часть Web-страницы 2.Графика в Web 3.Таблицы | 1.Создание линий в HTML 2.Определение ширины и высоты изображения 3.Выбор типа таблицы |
Оглавление
ВВЕДЕНИЕ. 3
Практическая работа 1. Создание простой Web - страницы<HR>. 4
Элемент заголовка <H1> </H1>. 6
Выравнивание абзацев и заголовков. 6
Создание линий <HR>. 7
Порядок выполнения работы.. 8
Контрольные вопросы.. 9
Практическая работа 2. Форматирование текста. 9
Символы разрыва абзаца и строки <P>, <BR>. 9
Форматирование цитат <BLOCKQUOTE> </BLOCKQUOTE>, <Q> </Q>. 10
Форматирование текста с помощью стилей. 11
Изменение размера шрифта<FONT> </FONT>. 11
Порядок выполнения работы.. 12
Контрольные вопросы.. 13
Практическая работа 3. Создание списков. 13
Типы списков. 13
Нумерованные списки. 14
Маркированные списки. 15
Списки определений. 15
Вложение и комбинирование списков. 16
Порядок выполнения работы.. 16
Контрольные вопросы.. 18
Практическая работа 4. Гипертекстовые ссылки. 19
Типы гиперссылок. 19
Понятие об URL и их использование. 19
Создание гиперссылок на другие Web-страницы.. 20
Создание внутренних ссылок. 20
Ссылки на ресурсы мультимедиа. 21
Создание ссылок на адреса электронной почты.. 21
Создание ссылки на FTP-сервер. 22
Использование тега <BASE> для упрощения URL. 22
Порядок выполнения работы.. 23
Контрольные вопросы.. 24
Практическая работа 5. Таблицы.. 24
Создание строк и столбцов таблицы.. 24
Выбор типа таблицы.. 25
Определение ячеек данных и заголовков. 25
Увеличение размеров ячеек с помощью атрибутов COLSPAN и ROWSPAN.. 25
Выравнивание данных в ячейках таблицы по горизонтали. 26
Выравнивание данных в ячейках по вертикали. 27
Добавление подписей к таблицам. 27
Окрашивание таблиц и рамок. 27
Макетирование страниц с помощью таблиц. 28
Использование атрибутов таблиц. 28
Порядок выполнения работы.. 29
Контрольные вопросы.. 31
Практическая работа 6. Карты ссылок. 31
Выбор изображения для карты ссылок. 32
Создание кода карт ссылок, обрабатываемых клиентом. 32
Порядок выполнения работы.. 33
Контрольные вопросы.. 34
Практическая работа 7. Графика в Web. 35
Использование тега <IMG> для вставки графических изображений. 35
Выравнивание текста относительно изображений. 35
Создание плавающих изображений. 36
Поля вокруг изображений. 36
Определение ширины и высоты изображения. 37
Обтекание изображений текстом. 37
Альтернативы изображениям-ссылкам. 37
Использование графики, цвета и текста. 38
Добавление на Web-страницы цветных фоновых изображений. 38
Изменение цвета текста и гиперссылок. 38
Порядок выполнения работы.. 39
Контрольные вопросы.. 41
Практическая работа 8. Фреймы.. 42
Создание фреймов. 42
Как загружать в фреймы целые страницы.. 43
Настройка фреймов. 43
Определение границ фрейма. 44
Проблемы браузеров, не поддерживающих фреймы.. 44
Как присваивать фреймам имена. 45
Загрузка страниц в именованные окна фреймов. 45
Использование тега <BASE> для определения стандартных параметров. 45
Контрольные вопросы.. 46
Приложение. 47
СПРАВОЧНИК ПО HTML. 47
Список тегов и атрибутов. 47