Информатика и выч. техника \ Сетевые технологии и WEB-дизайн

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

<HR>                                                                  - разделительная горизонтальная черта

<IMG SRC="путь к рисунку'">           - вставка рисунки

<STRONG> ... </STRONG>      - полужирный текст

<ЕМ> ... </ЕМ>                                     - наклонный текст (курсив)

<U>...</U>                                             -подчеркнутый текст

<TABLE> ... </TABLE>            - создание таблицы

<FONT> ... </FONT>                            - управляет параметрами шрифта

Назначение некоторых атрибутов тегов:

COLOR=                                - задает цвет текста

SIZE=                         задает размер (от 1 до 7)

BACKGROUND= -   задание фонового рисунка в теге BODY

ALIGN=                                 взаимодействие с окружающим текстом

BORDER=                             отображение границ таблицы

Указание преподавателю

Перед выполнением лабораторной работы преподавателю необходимо обеспечить наличие папки IMAGE в студенческой папке с несколькими файлами в формате GIF или JPG. Эти файлы служат для создания фона HTML-документа и для вставки рисунка е HTML-документ.

Задание

I. Создание простейшей Web-страницы с фоном

1.  Откройте Блокнот.

2.  Наберите следующий текст:

<HTML>

<HEAD>

<TITLE> Моя первая Web-страница </TITLE>

</HEAD>

<BODY BACKGROUND="IMAGE\Mramor.jpg">

<CENTER>

<H1> Первая Web-страница </H1>

</BODY>

</HTML>

3. Сохраните этот документ в папке, где Вы обычно храните документы. В качестве имени дайте свою фамилию с цифрой 1 и расширение.htm.

4. Запустите Internet Explorer (Пуск-Программы- Internet Explorer и щелкните по ярлыку программы на Рабочем столе).

5. В открывшемся окне программы Internet Explorer выполните команду Файл-Открыть. Щелкните на кнопке Обзор и откройте свой файл.

6. Если при отображении документа в обозревателе не появился фон или были обнаружены еще какие-нибудь ошибки, следует перейти в Блокнот и исправить ошибки. Затем необходимо сохранить файл (Файл-Сохраиить), вернуться в Internet Explorer и на панели инструментов щелкнуть на кнопке Обновить.

7. Посмотрите, как отображается Ваш файл. Где отображается содержимое элемента TITLE? Где отображается содержимое элемента H1? Как выровнен заголовок? Почему?

8. Измените мышью размеры окна, сделайте его узким. Что происходит с заголовком?

П. Способы форматирования текста

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

2. Измените имя файла фона HTML-документа с Mramor на Derevo1 или любое другое из папки IMAGE.

3. Замените текст заголовка первого уровня на текст Вторая Web-страница.

После строки с заголовком создайте пустую строку и, начиная с нее, выполняйте следующие пункты.

4.         Введите тег

<HR size="10" color="red" width="50%" align="center"> Этот тег вводит горизонтальную линию толщиной 10 пикселей, красного цвета, занимающую половину окна, расположенную в центре.

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

<р align="left"> <font color="RED">

Затем введите произвольный текст.

6. Введите теги, задающие следующий абзац с выравниванием по центру, цвет символов голубой:

<р align="center"> <font color="BLUE">

Затем введите произвольный текст.

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

<р align="right"> <font color="DARKGREEN">

Введите любой текст абзаца. В конце поставьте закрывающий тег /р>.

8.  Сохраните документ в той же папке командой Файл-Сохраннть как. В качестве имени используйте свою фамилию с цифрой 2, расширение .htm.

9.  Перейдите в программу Internet Explorer Откройте в ней свой второй HTML-документ (Файл - Открыть, кнопка Обзор, найти свой файл, открыть его).

Скачать файл