Лабораторная работа № 7



Создание простейших файлов HTML

Задание 1. Создание простейших файлов HTML

Чтобы создать свой файл HTML, сделайте следующее:

1. Создайте папку HTML, в которой мы будем сохранять созданные

Web-страницы.

2. Запустите стандартную программу Блокнот (Notepad).

3. Наберите в окне редактора простейший текст файла HTML:

<html>

<head>

<title> учебный файл html </title>

</head>

<body>

расписание занятий на вторник

</body>

</html

4. Сохраните файл под именем RASP.HTM

5. Для просмотра созданной Web-страницы загрузите броузер Micro-

soft Internet Explorer.

6. Откройте в меню броузера Файл (File), Открыть (Open), Про-

смотр(Обзор – Browse) и найдите в папке KURS файл RASP.HTM и загру-

зите его. Убедитесь, что название Web-страницы (Учебный файл HTML)

отразилось в верхней статусной строке броузера.

Задание 2. Управление расположением текста на экране

1. При необходимости выполните п.п. 5-6 задания 1.

2. Откройте первоисточник Web-страницы – в меню броузера Вид

(View)– Просмотр HTML-кода откроется окно со стандартной программой

Блокнот (Notepad), в котором ваша Web-страница представлена в командах

HTML.

3. Внесите изменения в текст файла HTML, расположив слова «Распи-

сание», «занятий», «на вторник» на разных строках:

<html>

<head>

<title> учебный файл html </title>

</head>

<body>

расписание

Занятий

На вторник


</body>

</html>

4. Сохраните внесенные изменения в файле RASP.HTM, с помощью

команд Файл (File), Сохранить (Save). Закройте программу Блокнот (Note-

pad).

5. Просмотрите с помощью броузера Microsoft Internet Explorer новую

полученную Web-страницу используя клавишу F5 или с помощью команд

Вид(View), Обновить (Refresh). Изменилось ли изображение текста на эк-

ране?

Примечание

В дальнейшем после внесения изменений в Web-страницу всегда вы-

полняйте п.п.4-5.

Задание 3. Тэги перевода строки и абзаца

1. Внесите изменения в текст файла HTML:

<html>

<head>

<title> учебный файл html </title>

</head>

<body>

расписание <p>

занятий <br>

на вторник

</body>

</html>

2. Сохраните внесенные изменения в файле RASP.HTM.

3. Просмотрите с помощью броузера Microsoft Internet Explorer новую

полученную Web-страницу. Как изменилось изображение текста на экра-

не?


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: