Получение информации из Интернета. Создание HTML-документа (Лабораторная работа № 4.1), страница 5

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

11.  Вернитесь в Блокнот. Увеличьте размер шрифта в абзацах, добавив в тег font первого абзаца атрибут size="5".

12.  Измените начертание шрифта: в первом абзаце на полужирный, во втором - на курсив, а в третьем - на подчеркнутый. Для этого используйте в соответствующих абзацах парные теги <STRONG> … </STRONG>. <ЕМ> ... </ЕМ>, <U> ... </U>.

13.  Сохраните документ.

14.  Перейдите в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов.

15.  Оцените изображение документа в обозревателе. Если были ошибки, исправьте их. Покажите работу преподавателю.

III. Использование изображения на Web-странице

Графические элементы Web-страниц используют в основном два формата - GIF и JPEG. Файлы этих форматов занимают небольшой объем и имеют соответственно расширения GIF и JPEG. Рисунки хранятся в отдельных файлах, но отображаются, как элементы Web-страниц. В папке IMAGEдолжны содержаться файлы указанных форматов (иначе, обратитесь к преподавателю). В лабораторной работе используется файл с именем Msonly.gif. Можно использовать любой другой файл.

1.  Если это задание выполняется не сразу после предыдущего, то откройте свой второй HTML-документ в программе Блокнот. В противном случае просто вернитесь к этому-документу.

2.  Введите после последнего абзаца в теле HTML-документа с новой строки тег, создающий горизонтальную черту

<hr size=" 10" color="DARKGREEN">

3.         Введите далее тег

<img src="Image\ Msonly.gif">

4.  Сохраните этот документ.

5.  Если задание III выполняется не сразу после задания П, то запустите Internet Explorer и откройте в ней второй документ. Иначе перейдите в программу Internet Explorer и щелкните по кнопке Обновить.

6.  Посмотрите, как отобразился рисунок.

7.  Вернитесь в Блокнот. Вставьте еще раз этот же рисунок, но в другом масштабе. Для этого следует указать в теге IMG атрибуты ширины и высоты со значениями в пикселах. Например.

<hr>

<img src="Image\Msonly.gif width="100" heigth="40">

8.  Сохраните HTML-документ.

9.  Перейдите в Internet Explorer и щелкните по кнопке Обновить. Чем отличается второй рисунок от первого?

10. Покажите работу преподавателю.

IV. Вставка таблицы

В данном задании создается таблица текущего курса доллара в банках города.

1. Если это задание выполняется не сразу после предыдущего, то откройте свой второй HTML-документ в программе Блокнот. В противном случае просто вернитесь к этому-документу.

2.         Введите после вставки рисунка в теле HTML-документа с новой строки тег, создающий таблицу

<br>

<table border="5">

3.         Введите теги, задающие первую строку с названиями банков

< tr>

<td> Банк </td>

<td> Кедр </td>

<td>МДМ </td>

</tr>

4.         Введите теги, задающие вторую строку с указанием курса покупки доллара (числа можно скорректировать)

<tr>

<td> Курс </td>

<td> 25,70</td>

<td> 25,65</td>

</tr>

</table>

5.         Сохраните документ.

6.         Если задание IV выполняется не сразу после задания III, то запустите Internet Explorer, и откройте в ней второй документ. Иначе перейдите в программу Internet Explorer и щелкните по кнопке Обновить.

7.  Оцените изображение созданной таблицы.

8.  Вернитесь в Блокнот.

9.         Добавьте в таблицу еще один столбец, укажите название банка и его курс продажи доллара.

10. Сохраните документ.

11. Перейдите в программу Internet Explorer и щелкните по кнопке Обновить.

12. Покажите работу преподавателю.

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

1. Если это задание выполняется не сразу после предыдущего, то откройте свой второй HTML-документ в программе Блокнот. В противном случае просто вернитесь к этому-документу.

2. Введите после вставки таблицы в теле HTML-документа с новой строки теги