Заголовок1

advertisement
Практическая работа №1. Форматирование текста.
Задание 1.
1. Создайте в своей личной папке папку с именем HTML
2. Запустите программу БЛОКНОТ.
3. Введите в окне редактора БЛОКНОТ текст, который будет отображать структуру вашей
web-страницы
<HTML>
<HEAD><TITLE>Моя первая web-страница</TITLE></HEAD>
<BODY>
Это мой первый HTML-документ
<BODY/>
</HTML>
4. Сохраните введенный текст Файл/Сохранить как…/имя личной папки/
в поле «имя файла» укажите
SHABLON.htm
в поле «тип файла» выберите
*.txt
5. Сверните редактор БЛОКНОТ, запустите программу-браузер.
ВНИМАНИЕ! Далее необходимо работать с двумя окнами одновременно (Блокнот и
программа-браузер)
Загрузите в программу-браузер файл SHABLON.htm. Для этого выполните команды
Файл/Открыть/Обзор/ найдите в своей папке файл SHABLON.htm/ОК
Убедитесь, что название web-страницы (Моя первая web-страница) отобразилось в
заголовке web-браузера.
ВНИМАНИЕ! В дальнейшем используйте файл SHABLON.htm как шаблон для
создания других web-страниц.
Задание 2.
1. Окно программы-браузера не закрывайте! Восстановите окно редактора Блокнот. В файле
SHABLON.htm измените текст в заголовке и введите текст между тегами <BODY> </BODY>
<HTML>
<HEAD><TITLE> Форматирование текста</TITLE></HEAD>
<BODY>
Заголовок1 Заголовок2 Заголовок3
Заголовок4 Заголовок5 Заголовок6
</BODY>
</HTML>
2. Сохраните файл в своей личной папке, имя файла FORMAT1.htm, выберите
тип файла *. txt
3. Загрузите в программу-браузер файл FORMAT1.htm.
В окне web-брaузера имеем
Заголовок1 Заголовок2 Заголовок3 Заголовок4 Заголовок5 Заголовок6
4. Форматирование заголовков
Введите теги заголовков в файл FORMAT1.htm
<HTML>
<HEAD><TITLE>Форматирование текста</TITLE></HEAD>
<BODY>
<h1>Заголовок1 </h1> <h2>Заголовок2</h2><h3>Заголовок3</h3>
<h4>Заголовок4</h4><h5>Заголовок5</h5><h6>Заголовок6</h6>
</BODY> </HTML>
1
5. Сохраните файл под тем же именем. В окне web-браузера выполните команду
ОБНОВИТЬ или нажмите функциональную клавишу F5. В окне web-браузера получаем
Заголовок1
Заголовок2
Заголовок3
Заголовок4
Заголовок5
Заголовок6
6. Бегущая строка. Введите в файле FORMAT1.htm после тега <BODY> теги бегущей
строки
<HTML>
<HEAD><TITLE>Форматирование текста</TITLE></HEAD>
<BODY>
<MARQUEE><b>Моя первая web-страница</MARQUEE ></b>
<H1>Заголовок1 </H1> <H2>Заголовок2</H2><H3>Заголовок3</H3>
<H4>Заголовок4</H4><H5>Заголовок5</H5><H6>Заголовок6</H6>
</BODY>
</HTML>
7. Сохраните файл под тем же именем. После этого в окне web-броузера выполните команду
ОБНОВИТЬ или нажмите функциональную клавишу F5
8. Выравнивание по центру. Введите в файле FORMAT1.htm теги выравнивания по центру
<HTML>
<HEAD><TITLE>Форматирование текста</TITLE></HEAD>
<BODY>
<center>
<H1>Заголовок1 </H1> <H2>Заголовок2</H2><H3>Заголовок3</H3>
<H4>Заголовок4</H4><H5>Заголовок5</H5><H6>Заголовок6</H6>
</center>
</BODY></HTML>
9. Сохраните файл под тем же именем. После этого в окне web-броузера выполните команду
ОБНОВИТЬ или нажмите функциональную клавишу F5
2
Download