Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ОСНОВЫ ИНТЕРНЕТА.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
1.37 Mб
Скачать

Упражнение 6.4. Создание гиперссылок

  1. Откройте документ first.htm в программе Блокнот.

  2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.

  3. Введите текст:

<p> Это текст перед ссылкой.</p>

  1. Введите тег: <A HREF="picture.htm">.

  2. Введите фразу: Ссылка на файл picture.htm.

  3. Введите закрывающий тег </A>.

  4. Введите текст:

<p> Эта картинка является ссылкой на сайт ММФ.</p>

<A HREF="http://www.spbstu.ru/mmf/index.html"> <IMG SRC = ”pic1.gif” WIDTH=”50” HIGHT=”50” ALIGN="LEFT"> </A>

  1. Сохраните документ под именем link.htm.

  1. Запустите обозреватель Internet Explorer.

  2. Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл links.htm.

  3. Убедитесь в том, что текст между тегами <А> и </А> выделен как ссылка (цветом и подчеркиванием).

  4. Щелкните на ссылках и убедитесь, что при этом загружаются документы, на которые указывают ссылки.

  5. Щелкните на кнопке Назад на панели инструментов, чтобы вернуться к предыдущей странице. Убедитесь, что ссылка теперь считается «просмотренной» и отображается другим цветом.

Упражнение 6.5. Приемы форматирования текста

  1. Откройте документ first.htm в программе Блокнот.

  2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>; его конкретное содержание может быть любым.

  3. Введите тег <BASEFONT SIZE="5" COLOR="BROWN">. Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.

  4. Введите текст

<P>Этот текст выведен шрифтом по умолчанию<BR>.

<FONT SIZE="-2" FACE="ARIAL" COLOR="GREEN"> Этот текст выведен шрифтом ARIAL уменьшенного размера зеленого цвета</FONT><BR>

<B>Этот текст выделен тегом B</B><BR>

<I>Этот текст выделен тегом I</I><BR>

<U>Этот текст выделен тегом U</U><BR>

<STRIKE>Этот текст выделен тегом STRIKE</STRIKE><BR>

H<SUB>2</SUB>O; S=a<SUP>2</SUP><BR>

<EM>Этот текст выделен тегом EM</EM><BR>

<STRONG>Этот текст выделен тегом STRONG</STRONG><BR> <CODE>Этот текст выделен тегом CODE</CODE><BR>

<TT>Этот текст выделен тегом TT</TT><BR>

<BLOCKQUOTE>Это стиль BLOCKQUOTE</BLOCKQUOTE><BR>

<ADDRESS>Это стиль ADDRESS</ADDRESS>

</P>

  1. Сохраните полученный документ под именем format.htm.

  2. Запустите обозреватель Internet Explorer.

  3. Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл format.htm.

  4. Изучите, как использованные элементы HTML влияют на способ отображения текста.

  5. Вернитесь в программу Блокнот и измените документ так, чтобы элементы, задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.

  6. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.

Упражнение 6.6. Приемы создания списков

  1. Откройте документ first.htm в программе Блокнот.

  2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>; его конкретное содержание может быть любым.

  3. Вставьте в документ тег <OL TYPE="1">, который начинает упорядоченный (нумерованный) список.

<OL TYPE=1>Это упорядоченный список OL типа 1

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

</OL>

<OL TYPE=i>Это упорядоченный список OL типа i

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

</OL>

<OL TYPE=a start=”4”>Этот упорядоченный список OL типа a начинается со стартового номера, соответствующего четвертой букве английского алфавита

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

</OL>

<UL>Это список UL, маркированный по умолчанию

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

</UL>

<UL TYPE=”square”>Это маркированный список UL типа square

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

</UL>

<DL>Это список определений DL

<DT>Первый термин</DT>

<DD>Первое определение</DD>

<DT>Второй термин</DT>

<DD>Второе определение</DD>

</DL>

  1. Сохраните полученный документ под именем list.htm.

  2. Запустите обозреватель Internet Explorer.

  3. Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл list.htm.

  4. Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибута TYPE.

  5. Вернитесь в программу Блокнот и замените тип square на тип circle. Сохраните документ под тем же именем.

  6. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибута TYPE.