- •Основные положения языка html
- •Структура html-документа
- •Цвета в html-документе
- •Создание простейшей Web-страницы
- •Изучение приемов форматирования абзацев
- •Создание гиперссылок
- •Создание изображения и использование его на Web-странице
- •Приемы форматирования текста
- •Приемы создания списков
- •Создание таблиц
- •Создание описания фреймов
- •Создание Web-документа с помощью редактора FrontPage Express
- •1.Текст файла абзац.Htm
- •2.Текст файла гиперссылка.Htm
- •3.Текст файла картинка.Htm
- •4.Текст файла формат.Htm
- •5.Текст файла таблица.Htm
- •6.Текст файла фрейм.Htm
- •Контрольные вопросы
4.Текст файла формат.Htm
<HTML>
<HEAD>
<TITLE>3аголовок документа</TITLE>
</HEAD>
<BODY>
<BASEFONT SIZE="5" COLOR="BROWN">
<P>Этот тег задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.
<FONT SIZE="-2" FACE="ARIAL" COLOR="RED">
<P>Новый текст, размер уменьшен.
<P><B>Полужирный шрифт.</B>
</FONT>
</BODY>
</HTML>
5.Текст файла таблица.Htm
</HEAD>
<BODY>
<P ALIGN="CENTER"><FONT COLOR="RED" SIZE="5">Список оценок по физике</FONT><FONT SIZE="5">
<TABLE BORDER="1" WIDTH="48%">
<TR>
<TD WIDTH="102">
<P ALIGN="CENTER">Ф.И.О.</TD>
<TD WIDTH="117">
<P ALIGN="CENTER">Год рождения</TD>
<TD>
<P ALIGN="CENTER">Группа</TD>
</TR>
<TR>
<TD WIDTH="102">
<P ALIGN="CENTER">Петров И. И.</TD>
<TD WIDTH="117">
<P ALIGN="CENTER">1992</TD>
<TD>
<P ALIGN="CENTER">Отлично</TD>
</TR>
<TR>
<TD WIDTH="102">
<P ALIGN="CENTER">Иванов П. П.</TD>
<TD WIDTH="117">
<P ALIGN="CENTER">1993</TD>
<TD>
<P ALIGN="CENTER">Хорошо</TD>
</TR>
</TABLE>
</BODY>
</HTML>
6.Текст файла фрейм.Htm
<HTML>
<HEAD>
<TITLE>Работа с фреймами</TITLE>
</HEAD>
<FRAMESET ROWS="60%,*">
<FRAME SRC="таблица.htm">
<FRAMESET COLS="35%,65%" NORESIZE>
<FRAME SRC="1.htm">
<FRAME SRC="гиперссылка1.htm">
</FRAMESET>
</HTML>
7.Web-страница, подготовленная в программе
Изучаем программу FrontPage.
Создаем Web-страницу. Эта строка напечатана красным цветом.
Отформатировали текст. Вставляем таблицу 3 х 3 и заполняем столбцы и строки.
Ф.И.О. |
Год рождения |
Номер телефона |
Петров И. И. |
1992 |
22-15-40 |
Иванов П. П. |
1993 |
36-18-09 |
Вставляем рисунок.
Это мой тигр.
Контрольные вопросы
Почему для разработки Web-страниц используется специальный язык разметки гипертекста?
Что такое тег HTML?
С помощью каких известных вам программ можно создавать Web-документы в коде HTML?
С помощью каких известных вам программ можно Web-документы просматривать Web-документы?
Что такое парные и одиночные теги?
В чем разница между открывающим и закрывающим тегами?
Что такое атрибуты тегов? Приведите пример.
Что такое значение атрибутов тегов? Приведите пример.
Что размещают между тегами <HEAD> </HEAD>?
Что размещают между тегами <BODY> </BODY>?
Что размещают между тегами <H1> </H1>?
Что означает тег <P>?
Для чего используется тег <IMG SRC=?
