13.22Продолжение работы с примером
Теперь мы можем попытаться изменить текст наших файлов вручную.
Напомним, что для того, чтобы представить наши HTML-файлы в исходном виде (в виде HTML-текста), необходимо выбрать в меню «Вид» пункт «HTML…».
В результате мы получим для первого файла следующий текст:
<HTML>
<head>
<meta http-equiv=«Content-Type»
content=«text/html; charset=windows-1251»>
<meta name=«GENERATOR» content=«Microsoft FrontPage Express 3.0»>
<title>Данные о студенте</title>
</head>
<body bgcolor=«#FFFFFF»>
<h1 align=«center»>Иванов Иван Иванович</h1>
<p align=«left»><font color=«#0000FF» size=«5»>Учебное
заведение: Академия бюджета и
казначейства</font></p>
<p align=«left»><a href=«list.htm»><font color=«#008000» size=«4»>Группа:
1Ф10</font></a></p>
<p align=«left»><font color=«#FF0000» size=«4»>Студент:
Иванов Иван Иванович</font></p>
<p align=«left»><font color=«#000000» size=«4»>Портрет:</font></p>
<p align=«left»><font color=«#000000» size=«4»><img
src=«Newyer3.gif» width=«177» height=«200»></font></p>
<p align=«left»> </p>
<p align=«left»> </p>
</body>
</HTML>
Для второго файла, содержащего список учебной группы, получим следующий текст:
<HTML>
<head>
<meta http-equiv=«Content-Type»
content=«text/html; charset=windows-1251»>
<meta name=«GENERATOR» content=«Microsoft FrontPage Express 2.0»>
<title>Список группы 1Ф10</title>
</head>
<body bgcolor=«#FFFFFF»>
<h3 align=«center»>Список группы 1Ф10</h3>
<ol type=«1» start=«1»>
<li><a href=«student.htm»>Иванов Иван
Иванович</a></li>
<li>Петров Петр Петрович</li>
<li>Смирнов Сергей Владимирович</li>
<li>Семенов Алексей Сергеевич</li>
</ol>
<div align=«center»><center>
<table border=«1»>
<tr>
<td><a href=«student.htm»>Иванов Иван
Иванович</a></td>
</tr>
<tr>
<td>Петров Петр Петрович</td>
</tr>
<tr>
<td>Смирнов Сергей Владимирович</td>
</tr>
<tr>
<td>Семенов Алексей Сергеевич</td>
</tr>
</table>
</center></div>
</body>
</HTML>
Теперь мы можем вносить изменения в этот текст. Например, заменив в строках «<ol type=«1» start=«1»>« «</ol>« тег «ol» на тег «ul» мы получим вместо нумерованного ненумерованный (маркированный) список, внеся в описание таблицы:
<table border=«1»>
<tr>
<td><a href=«student.htm»>Иванов Иван
Иванович</a></td>
</tr>
<tr>
<td>Петров Петр Петрович</td>
</tr>
<tr>
<td>Смирнов Сергей Владимирович</td>
</tr>
<tr>
<td>Семенов Алексей Сергеевич</td>
</tr>
</table>
следующие изменения:
<table border=«10»>
<tr>
<td><a href=«student.htm»>Номер 1</a></td>
<td><a href=«student.htm»>Иванов Иван
Иванович</a></td>
</tr>
<tr>
<td>Номер 2</td>
<td>Петров Петр Петрович</td>
</tr>
<tr>
<td>Номер 3</td>
<td>Смирнов Сергей Владимирович</td>
</tr>
<tr>
<td>Номер 4</td>
<td>Семенов Алексей Сергеевич</td>
</tr>
</table>
получим видоизмененную таблицу (см рис.14).
Рис. 14.
Оглавление
13 Создание собственных Web-страниц при помощи редактора Microsoft FrontPage 2000 236
13.1 Создание Web-страниц с помощью редактора Microsoft FrontPage 236
13.2 Определение кодировки страницы WWW 237
13.3 Задание базового адреса страницы 238
13.4 Определение заголовка страницы 238
13.5 Определение фонового изображения, цвета фона и цвета элементов страницы по умолчанию 239
13.6 Элементы оформления текста 239
13.7 Списки 241
13.8 Таблицы 241
13.9 Графическая информация на странице WWW 242
13.10 Определение гиперссылок 244
13.11 Основные понятия языка HTML 246
13.12 Обязательные метки 246
13.13 Форматирование текста 247
13.14 Задание комментариев 247
13.15 Рисунки и ссылки 248
13.16 Гиперссылки 248
13.17 Изображения в HTML-документе 250
13.18 Списки 251
13.19 Ненумерованные списки 252
13.20 Нумерованные списки 252
13.21 Таблицы 252
13.22 Продолжение работы с примером 261