Учебное пособие 1886
.pdf
2.5.6. Основные теги языка
Список элементов HTML:
базисные элементы (все документы на HTML должны содержать их);
определение структуры (вид задается параметрами программы-просмотрщика);
внешний вид (автор определяет внешний вид текста);
ссылки и графика;
разделители;
списки;
фон и цвета;
формы;
таблицы; фреймы (frames).
|
|
|
|
|
Таблица 2.5 |
|
|
Базисные элементы |
|
||
№ |
Назначение |
Тэги |
|
Примечание |
|
п/п |
|
||||
|
|
|
|
|
|
1 |
Тип доку- |
<HTML></HTML> |
|
(начало и конец |
|
|
мента |
|
|
|
файла) |
2 |
Имя доку- |
<TITLE></TITLE> |
|
(должно быть в |
|
|
мента |
|
|
|
заголовке) |
3 |
Заголовок |
<HEAD></HEAD> |
|
(описание доку- |
|
|
|
|
|
|
мента, например |
|
|
|
|
|
его имя) |
4 |
Тело |
<BODY></BODY> |
|
(содержимое стра- |
|
|
|
|
|
|
ницы) |
|
|
|
|
|
Таблица 2.6 |
|
|
Определение структуры |
|
||
№ |
Назначение |
Тэги |
|
|
Примечание |
п/п |
|
||||
|
|
|
|
|
|
1 |
Заглавие |
<H?></H?> |
|
(стандарт опреде- |
|
|
|
|
|
|
ляет 6 уровней) |
83
|
|
|
|
|
Продолжение табл. 2.6 |
||||
2 |
с выравни- |
|
<H? |
|
|
|
|
|
|
|
ванием |
|
|
ALIGN=LEFT|CENTE |
|
|
|
|
|
|
|
|
|
R|RIGHT></H?> |
|
|
|
|
|
3 |
Выделение |
|
<EM></EM> |
(обычно изобража- |
|||||
|
|
|
|
|
|
ется курсивом) |
|
||
4 |
Дополни- |
|
|
<STRONG></STRON |
(обычно изобража- |
||||
|
тельное |
|
|
G> |
|
ется |
жирным |
||
|
выделение |
|
|
|
шрифтом) |
|
|
||
|
|
|
|
|
|
|
Таблица 2.7 |
||
|
|
|
|
|
Внешний вид |
|
|
|
|
№ |
Назначение |
|
Тэги |
|
Примеча- |
||||
п/п |
|
|
ние |
|
|
||||
|
|
|
|
|
|
|
|
||
1 |
Жирный |
|
|
|
<B></B> |
|
|
|
|
2 |
Курсив |
|
|
|
<I></I> |
|
|
|
|
3 |
Верхний индекс |
<SUB></SUB> |
|
|
|
|
|||
4 |
Нижний индекс |
<SUP></SUP> |
|
|
|
|
|||
5 |
Центрировать |
<CENTER></CENTER> |
(как |
текст, |
|||||
|
|
|
|
|
|
|
так |
и |
гра- |
|
|
|
|
|
|
|
фика) |
|
|
6 |
Размер шрифта |
<FONT |
|
(от 1 до 7) |
|||||
|
|
|
|
|
SIZE=?></FONT> |
|
|
|
|
7 |
Базовый |
размер |
<BASEFONT SIZE=?> |
(от 1 до 7; |
|||||
|
шрифта |
|
|
|
|
|
по умолча- |
||
|
|
|
|
|
|
|
нию 3) |
|
|
8 |
Цвет шрифта |
|
<FONT |
|
|
|
|
||
|
|
|
|
|
COLOR="#$$$$$$"></F |
|
|
|
|
|
|
|
|
|
ONT> |
|
|
|
|
9 |
Многоколоноч- |
<MULTICOL |
|
|
|
|
|||
|
ный текст |
|
|
|
COLS=?></MULTICOL> |
|
|
|
|
10 |
Пробел |
между |
<MULTICOL |
|
(по |
умол- |
|||
|
колонками |
|
GUTTER=?></MULTIC |
чанию |
10 |
||||
|
|
|
|
|
OL> |
|
точек) |
|
|
84
|
|
|
Продолжение табл. 2.7 |
|||||
11 |
Ширина колон- |
<MULTICOL |
|
|
|
|
||
|
ки |
|
WIDTH=?></MULTICO |
|
|
|
|
|
|
|
|
L> |
|
|
|
|
|
|
|
|
|
|
Таблица 2.8 |
|||
|
|
Ссылки и графика |
|
|
|
|
||
№ |
Назначение |
Тэги |
|
Примечание |
||||
п/п |
|
|||||||
|
|
|
|
|
|
|
|
|
1 |
Ссылка |
<A HREF="URL"></A> |
|
|
|
|
||
2 |
Ссылка на за- |
<A HREF="URL#***"></A> |
|
(в |
другом |
|||
|
кладку |
|
|
|
|
документе) |
||
|
|
<A HREF="#***"></A> |
|
(в |
том же |
|||
|
|
|
|
|
|
документе) |
||
3 |
На другое ок- |
<A HREF="URL" |
|
|
|
|
||
|
но |
TARGET="***| |
|
|
|
|
||
|
|
|_blank|_self|_parent|_top"></A> |
|
|
|
|||
4 |
Определить |
<A NAME="***"></A> |
|
|
|
|
||
|
закладку |
|
|
|
|
|
|
|
5 |
Графика |
<IMG SRC="URL"> |
|
|
|
|
||
6 |
Выравнивание |
<IMG SRC="URL" |
|
|
|
|
||
|
|
ALIGN=TOP|BOTTOM| |
|
|
|
|
||
|
|
MIDDLE|LEFT|RIGHT> |
|
|
|
|
||
7 |
Размеры |
<IMG SRC="URL" WIDTH=? |
(в точках) |
|||||
|
|
HEIGHT=?> |
|
|
|
|
||
|
|
|
|
|
Таблица 2.9 |
|||
|
|
|
Разделители |
|
|
|
|
|
№ |
Назначение |
|
Тэги |
|
Примечание |
|
||
п/п |
|
|
|
|||||
|
|
|
|
|
|
|
|
|
1 |
Параграф |
|
<P></P> |
|
(закрывать |
|
||
85
Продолжение табл. 2.9
|
|
|
|
|
|
элемент час- |
|
|
|
|
|
|
|
то не обяза- |
|
|
|
|
|
|
|
тельно) |
|
2 |
Выравнивание |
|
<P |
|
|
||
|
|
|
ALIGN=LEFT|CENTER| |
|
|
||
|
|
|
RIGHT></P> |
|
|
||
3 |
Новая строка |
|
<BR> |
(одиночный |
|
||
|
|
|
|
|
|
перевод |
|
|
|
|
|
|
|
строки) |
|
4 |
Горизонтальный |
|
<HR> |
|
|
||
|
разделитель |
|
|
|
|
|
|
5 |
Выравнивание |
|
<HR |
|
|
||
|
|
|
ALIGN=LEFT|RIGHT| |
|
|
||
|
|
|
CENTER> |
|
|
||
6 |
Толщина |
|
<HR SIZE=?> |
(в точках) |
|
||
7 |
Ширина |
|
<HR WIDTH=?> |
(в точках) |
|
||
8 |
Ширина в про- |
|
<HR WIDTH="%"> |
(в процентах |
|
||
|
центах |
|
|
|
|
от ширины |
|
|
|
|
|
|
|
страницы) |
|
|
|
|
|
|
|
Таблица 2.10 |
|
|
|
|
|
Списки |
|
|
|
№ |
Назначение |
|
Тэги |
|
Примечание |
|
|
п/п |
|
|
|
||||
|
|
|
|
|
|
|
|
1 |
Неупорядоченный |
|
<UL><LI></UL> |
|
(<LI> перед |
|
|
|
|
|
|
|
|
каждым эле- |
|
|
|
|
|
|
|
ментом) |
|
2 |
Тип метки |
|
<UL |
|
(для всего |
|
|
|
|
|
|
TYPE=DISC|CIRCLE| |
|
списка) |
|
|
|
|
|
SQUARE> |
|
|
|
|
|
|
|
<LI |
|
(этот и после- |
|
|
|
|
|
TYPE=DISC|CIRCLE| |
|
дующие) |
|
|
|
|
|
SQUARE> |
|
|
|
86
Продолжение табл. 2.10
3 |
Нумерованный |
<OL><LI></OL> |
|
(<LI> перед |
||
|
|
|
|
|
|
каждым эле- |
|
|
|
|
|
|
ментом) |
4 |
Тип нумерации |
<OL TYPE=A|a|I|i|1> |
|
(для всего |
||
|
|
|
|
|
|
списка) |
|
|
|
|
<LI TYPE=A|a|I|i|1> |
|
(этот и сле- |
|
|
|
|
|
|
дующие) |
|
|
|
|
|
|
Таблица 2.11 |
|
|
|
|
Фон и цвета |
|
|
№ |
Назначение |
Тэги |
|
Примечание |
||
п/п |
|
|||||
|
|
|
|
|
|
|
1 |
Фоновая |
<BODY |
|
|
||
|
картинка |
BACKGROUND="URL"> |
|
|
||
2 |
Цвет фона |
<BODY |
(порядок: |
|||
|
|
|
BGCOLOR="#$$$$$$"> |
красный/ зеле- |
||
|
|
|
|
|
ный/синий) |
|
3 |
Цвет текста |
<BODY |
|
|
||
|
|
|
TEXT="#$$$$$$"> |
|
|
|
4 |
Цвет ссыл- |
<BODY |
|
|
||
|
ки |
LINK="#$$$$$$"> |
|
|
||
5 |
Пройденная |
<BODY |
|
|
||
|
ссылка |
VLINK="#$$$$$$"> |
|
|
||
6 |
Активная |
<BODY |
|
|
||
|
|
|
ALINK="#$$$$$$"> |
|
|
|
|
|
|
|
|
|
Таблица 2.12 |
|
|
|
|
Формы |
|
|
№ |
Назначение |
|
Тэги |
|
|
|
п/п |
|
|
|
|
||
|
|
|
|
|
|
|
1 |
Определить |
|
<FORM ACTION="URL" |
|
|
|
|
форму |
|
METHOD=GET|POST></FORM> |
|||
2 |
Посылка |
|
<FORM ENCTYPE="multipart/form- |
|||
|
файла |
|
data"></FORM> |
|
|
|
87
|
|
|
|
Продолжение табл. 2.12 |
||
3 |
Поле ввода |
|
<INPUT TYPE="TEXT|PASSWORD| |
|
||
|
|
|
CHECKBOX|RADIO| |
|
|
|
|
|
|
IMAGE|HIDDEN|SUBMIT|RESET"> |
|
||
4 |
Имя поля |
|
<INPUT NAME="***"> |
|
|
|
5 |
Значение |
|
<INPUT VALUE="***"> |
|
|
|
|
поля |
|
|
|
|
|
|
|
|
|
Таблица 2.13 |
||
|
|
|
|
Таблицы |
|
|
№ |
Назначение |
|
Тэги |
Примечание |
||
п/п |
|
|||||
|
|
|
|
|
|
|
1 |
Определить |
|
<TABLE></TABLE> |
|
|
|
|
таблицу |
|
|
|
|
|
2 |
Строка табли- |
<TR></TR> |
|
|
||
|
цы |
|
|
|
|
|
3 |
Ячейка таб- |
|
<TD></TD> |
(должна |
||
|
лицы |
|
|
быть внут- |
||
|
|
|
|
|
ри строки) |
|
4 |
Выравнивание |
<TD ALIGN=LEFT|RIGHT| |
|
|
||
|
|
|
|
CENTER|MIDDLE|BOTTOM> |
|
|
5 |
Растягивание |
|
<TD COLSPAN=?> |
|
|
|
|
по колонке |
|
|
|
|
|
6 |
Растягивание |
|
<TD ROWSPAN=?> |
|
|
|
|
по строке |
|
|
|
|
|
7 |
Желаемая |
|
<TD WIDTH=?> |
(в точках) |
||
|
ширина |
|
|
|
|
|
8 |
Ширина в |
|
<TD WIDTH="%"> |
(проценты |
||
|
процентах |
|
|
от ширины |
||
|
|
|
|
|
страницы) |
|
9 |
Цвет ячейки |
|
<TD BGCOLOR="#$$$$$$"> |
|
|
|
Таблица 2.14
Фреймы
88
№ |
Назначение |
Тэги |
Примечание |
|
п/п |
||||
|
|
|
||
1 |
Документ с |
<FRAMESET></FRAMESET> |
(вместо |
|
|
фреймами |
|
<BODY>) |
2.6. Разработка Web-страниц в редакторе FrontPage 2.6.1. Из чего состоит Frontpage
Пакет Microsoft Frontpage предоставляет полный набор средств для разработки и организации Web-узлов и дальнейшей публикации их содержимого в сети Internet или intranet.
Frontpage состоит из трех основных модулей: Frontpage (этот модуль является основным, поэтому мы будем называть его так же, как и пакет в целом), Microsoft Personal Web Server (MSPWS, персональный Web-сервер), Frontpage Server Extensions (серверные расширения). Frontpage — настоящее приложение клиент/сервер, которое имеет все компоненты, необходимые для создания Web-узла. Сам Frontpage — это клиентская часть приложения, а MSPWS и серверные расширения Frontpage — серверная. Теперь опишем каждый модуль в отдельности.
Frontpage предоставляет стандартные возможности по созданию и редактированию Web-страниц, а также ряд специфических функций. Кроме того, он позволяет просматривать Web-узел в различных режимах и изменять его структуру, создавать новый Web-узел с помощью мастеров, шаблонов, копировать Web-узел с одного сервера на другой, устанавливать права доступа для отдельных пользователей либо группы пользователей и т.д. Пользователи, знакомые с Frontpage 98, сразу обратят внимание на то, что в версии Frontpage 2000 редактор Web-страниц (в Frontpage 98 он назывался Frontpage Editor) не выделен в независимый модуль. В Frontpage 2000 функции по созданию и редактированию Web-страниц доступны в режиме просмотра Page модуля Frontpage, т.е. модуль Frontpage объединяет в себе функции редактора страниц и управления Web-узлом.
89
Microsoft Personal Web Server позволяет направлять страницы Web-узлов тем, кто запрашивает их, и управлять файлами на Web-узле.
Данный сервер разработан по образцу Internet Information Server (US) фирмы Microsoft, который входит в состав опера-
ционных систем Windows 2000 и Windows NT 4.0 Server. MSPWS тесно интегрирован с системой Windows 98, в состав которой включена его версия 3.0 (эта же версия включена в состав Frontpage 98). Конечно, он не обладает всей гаммой возможностей, присущих, например, IIS, но является прекрасным выбором для применения в масштабах сети intranet в организации средних размеров. Вы без труда можете установить его на свой компьютер. MSPWS не входит в состав Frontpage 2000, но его версию 4.0 можно загрузить с Web-узла фирмы
Microsoft по адресу http:// www.microsoft.com/ie/pws/.
Microsoft Personal Web Server стартует автоматически при запуске Windows. Вы можете приостановить его работу, для чего необходимо щелкнуть правой кнопкой на пиктограмме, которая появляется в правой части панели задач (TaskBar) и в появившемся контекстном меню выбрать команду Stop Service. (Чтобы снова запустить сервер, следует выбрать команду Start Service.) При выборе команды Properties будет открыто диалоговое окно Personal Web Manager, в котором находятся функции управления Web-сервером.
2.6.2. Режимы просмотра Обзор
Front Page предлагает шесть различных режимов просмотра для работы с Web-узлом и его содержимым:
• Page (режим просмотра страницы). В этом режиме, как мы уже отмечали, осуществляется создание и редактирование Web-страниц. Здесь можно создавать пустые Web-страницы и страницы, базирующиеся на шаблонах, назначать страницам темы (набор стилей представления страницы на экране), редактировать страницы в режиме WYSIWYG (what you see is what you get — что вы видите, то и получаете), добавлять и форматировать текст, оформлять страницы с использованием
90
графических и видеоизображений (поддерживается преобразование ряда графических форматов в форматы GIF, JPG и PNG), добавлять к странице звуковое сопровождение, представлять информацию в таблицах, кадрах и формах и, наконец, создавать гиперссылки. В процессе работы с формами окажется полезным встроенный мастер, предназначенный для создания сложных элементов. Frontpage предлагает свои компоненты
(Frontpage Components) для встраивания в Web-страницы. Та-
ков далеко не полный перечень возможностей Frontpage по редактированию содержимого Web-страниц.
•Reports (режим просмотра отчетов) предоставляет вашему вниманию более десятка отчетов, содержащих разнообразную информацию о Web-узле, открытом в Frontpage.
•Folders (режим просмотра папок). В этом режиме можно просматривать структуру Web-узла (файлы и папки) и управлять ею аналогично тому, как вы это делаете в Windows
Explorer.
•Navigation (навигационный режим просмотра) позволяет представить структуру Web-узла в схематическом виде и изменять связи между страницами.
•Hyperlinks (режим просмотра гиперссылок) демонстрирует систему гиперссылок, которыми связаны между собой страницы Web-узла (а также систему гиперссылок на другие узлы), обеспечивает проверку их целостности и возможность изменения.
•Tasks (режим просмотра задач). Этот режим предназначен для управления задачами Web-узла (добавления, удаления, выполнения, установления приоритета выполнения, а также отслеживания состояния задач).
2.6.3. Режим просмотра Page
После первой загрузки Frontpage установится режим просмотра Page. При повторном запуске автоматически будет осуществлен переход в тот режим просмотра, который был установлен перед тем, как вы закрыли Frontpage в последний раз Для того чтобы осуществить переход из одного режима про-
91
смотра в другой, следует воспользоваться управляющими элементами на панели Views или одноименными командами меню View Когда вы переходите в режим просмотра Page, слева от панели Views появляется окно Web-страницы Автоматически становятся доступными команды меню, отвечающие за редактирование содержимого Web-страницы (в других режимах просмотра эти команды недоступны) Давайте условимся называть окно Web-страницы окном Page. В этом режиме просмотра окно Frontpage похоже на окна большинства текстовых редакторов, например Microsoft Word.
Рис. 2.10. Окно программы Frontpage
Вы можете добавить на страницу текст, графические изображения, кадры, таблицы, формы, FrontPage-компоненты, создать гиперссылки, горячие точки и т д. Как мы уже говорили, файл Web-страницы состоит из тегов языка HTML Традиционно все Web-страницы создавались вручную в простом текстовом редакторе Но для того чтобы создать страницу та-
92