- •1. Основные понятия
- •Структурные тэги
- •Тэги разметки
- •2.1. Тэги форматирования текста
- •2.4. Тэг преформатирования
- •2.5. Цветовая гамма html-документа
- •4. Гиперссылки в нтмl – документе. Изображения Использование гиперссылок
- •Добавление графических изображений в html-документы
- •Height указывает высоту изображения в пикселях или процентах
- •5. Таблицы
- •6. Формы
- •Как устроена форма
- •Простейшая форма
- •Как форма собирает данные
- •7. Фреймы
- •Типовое задание
- •Литература
- •Приложение2 Краткая справка тэгов
Литература
Закарян И., Рафалович В. Что такое Internet, WWW и HTML. – М., 1998.
В.Дорот, Ф.Новиков. Толковый словарь современной компьютерной лексики. С-Пб.,2001.
Информатика. Базовый курс / Под ред.Симоновича. С-Пб., 2001.
Айзенменгер Р. HTML3.2/4.0: Справочник. — М.: БИНОМ, 1998.
Браун М., Хоникатт Дж. Использование HTML4. — М., СПб.: Вильяме, 1999.
Воген Т. Мультимедиа: Практическое руководство. — Мн., 1997.
Гончаров А. HTMLв примерах.—СПб.: ПИТЕР, 1997.
Кирмайер М. Мультимедиа.—-СПб.: ВНV,1994.
Коржинский С. Настольная книга Web-мастера.— М.: ЗАО «Кнорус», 2000.
WerbachК. Краткое руководство поHTML. /http://werbach.com/barebones.
KorpelaJ. ИзучениеHTML3.2 на примерах http://www.hut.fi/~jkorpela/HTML 3.2/all.html.
Матросов А.В., Сергеев А.О., Чаунин М.П. HTML4/0 –CПб. «БХВ – Санкт-Петербург, 1999
Хоумер А. Уилмен К. DynamicHTML: – справочник. – СПб.: Питер Ком, 1999
Шарф Д. HTML3.2: справочник – СПб: Питер, 1998
Мулен Р. HTML4: справочник программиста – СПб.: Питер Ком, 1998
Приложение2 Краткая справка тэгов
Тэг |
Назначение |
<html> и </html> |
начало/конец документа |
<head> и </head> |
пара тэговуказывает на начало и конец служебной области документа |
<title> и </title> |
все, что находится между тэгами<title>и</title>, толкуется браузером как название документа (появляется в строке заголовка окна браузера) |
<body> и </body> |
пара меток указывает на начало и конец тела (основной области) HTML-документа |
<H1> и </H1> — <H6> и </H6> |
заголовки от первого до шестого уровня |
<P> и </P> |
начало/конец абзаца |
<BR> |
конец строки |
<HR> |
горизонтальная линия |
<B> и </B> |
полужирный шрифт |
<I> и </I> |
наклонный текст (курсив) |
<TT> и </TT> |
шрифт пишущей машинки |
<U> и </U> |
подчеркнутый шрифт |
<SUP> и </SUP> |
верхний индекс |
<SUB> и </SUB> |
нижний индекс |
<BIG> и </BIG> |
увеличить размер шрифта |
<SMALL> и </SMALL> |
уменьшить размер шрифта |
<PRE> и </PRE> |
предварительно отформатированный текст, выводится браузером на экран как есть |
<BLOCKQUOTE> и </BLOCKQUOTE> |
текст, заключенный между тэгами, выводится браузером на экран с увеличенным левым полем. |
<FONT> и </FONT> |
тэг для определения типа, размера и цвета шрифта |
Атрибут COLOR тэга <FONT> |
цвет шрифта для фрагмента текста |
<BDO> и </BDO> |
изменение направления текста. |
<MARQUEE> и </ MARQUEE> |
текст представляется в виде бегущей строки |
<UL> и </UL> |
маркированный список |
<OL> и </OL> |
нумерованный список |
<DL> и </DL> |
список определений |
<A HREF="[адрес перехода]"> выделенный фрагмент текста </A> |
переход от одного фрагмента текста к другому |
<IMG SRC="[имя файла]"> |
вставка графического изображения |
<TABLE> и </TABLE> |
создание таблицы |
Атрибут BORDER тэга <TABLE> |
Выделение каждой ячейки и таблицы в целом рамкой; заданиеширины рамки в пикселях |
<CAPTION> и </CAPTION> |
задает имя (заголовок) таблицы |
<CAPTION ALIGN=TOP> |
заголовок помещается над таблицей |
<CAPTION ALIGN=BOTTOM> |
заголовок помещается под таблицей |
<TR> и </TR> |
строка таблицы |
<TD> и </TD> |
ячейка таблицы |
Атрибут ALIGN тэга <TR>, может принимать значение LEFT, RIGHT, CENTER |
горизонтальное выравнивание соответственно в строках или ячейках по левому краю, по правому краю, посередине |
Атрибут WIDTH тэга <TABLE> или <TD> |
ширина таблицы или ячейки в процентах от ширины экрана (таблицы) или в пикселях |
Атрибут CELLSPACING тэга <TABLE> |
ширинарамки вокруг каждой ячейки в пикселях |
Атрибут CELLPADDING тэга <TABLE> |
устанавливает величину пустых полей между содержимым ячейки и ее рамкой в пикселях |
Атрибут VALIGN тэга <TD> |
вертикальное выравнивание текста в ячейках строки |
Атрибут COLSPAN тэга <TD> |
объединение нескольких соседних ячеек по горизонтали |
Атрибут ROWSPAN тэга <TD> |
объединение нескольких соседних ячеек по вертикали |
<FORM> и /FORM> |
создание формы |
<INPUT TYPE=submit> |
создание кнопки отправки |
<INPUT TYPE= text> |
создание текстового поля |
<INPUT TYPE= password> |
создание поля ввода пароля |
<INPUT TYPE= radio> |
создание переключателей |
<INPUT TYPE= checkbox> |
создание флажков |
<INPUT TYPE= hidden> |
создает скрытый элемент данных, который не виден пользователю при заполнении формы и передается обработчику без изменений. |
<INPUT TYPE= reset> |
определяет кнопку, при нажатии на которую форма возвращается в исходное состояние |
<Frameset> и </Frameset> |
задание фреймов |
Атрибуты ROWS и COLS тэга <Frameset> |
Определение раскладки фреймов в окне браузера и размера каждого фрейма в пикселах или процентах от размера окна |