На вторник

< /BODY>

< /HTML>

Сохраните внесенные изменения в файле RASP.HTM, с помощью команд Файл (File), Сохранить (Save). Закройте программу Блокнот (Notepad).

Просмотрите с помощью броузера Microsoft Internet Explorer новую полученную Web-страницу используя клавишу F5 или с помощью команд Вид(View), Обновить (Refresh). Изменилось ли изображение текста на экране?

Примечание

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

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

Информация.

Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца. Кроме того, существует команда, которая запрещает программе броузера каким-либо образом изменять форматирование текста и позволяет точно воспроизвести на экране заданный фрагмент текстового файла.

Тэг перевода строки < BR> отделяет строку от последующего текста или графики. Тэг абзаца < P> тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзаца. Оба тэга являются одноэлементными.

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

< HTML>

< HEAD>

< TITLE> Учебный файл HTML < /TITLE>

< /HEAD>

< BODY>

Расписание < P>

занятий < BR>

на вторник

< /BODY>

< /HTML>

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

Просмотрите с помощью броузера Microsoft Internet Explorer новую полученную Web-страницу. Как изменилось изображение текста на экране?

Задание 4. Выделение фрагментов текста

Информация.

Тэги выделения фрагментов текста позволяют управлять отображением отдельных символов и слов. Существует три тэга выделения фрагментов текста:

< B> … < /B> для выделения полужирным,

< I> … < /I> для выделения курсивом,

< U> …< /U> для выделения подчеркиванием.

Внесите изменения в файл RASP.HTM:

< HTML>

< HEAD>

< TITLE> Учебный файл HTML < /TITLE>

< /HEAD>

< BODY>

< B> Расписание < /B> < I> занятий < /I> < U> на вторник < /U>

< /BODY>

< /HTML>

2. Посмотрите новую полученную Web-страницу.

Возможно использование комбинированных шрифтов:

< I> < B> Расписание < /B> < /I> < I> занятий< /I> < U> на вторник< /U>

Но при этом необходимо помнить следующее правило записи комбинированных тэгов:

Задание 5. Использование стилей заголовка

Информация.

Существует два способа управления размером текста, изображаемого броузером:

использование стилей заголовка,

задание размера основного документа или размера текущего шрифта.

Используется шесть тэгов заголовков (от Н1 до Н6). Каждому тэгу соответствует конкретный стиль, заданный в параметрах настройки броузера. Стиль Н1 – самый крупный.

Внесите изменения в файл RASP.HTM:

< HTML>

< HEAD>

< TITLE> Учебный файл HTML < /TITLE>

< /HEAD>

< BODY>

< H1> Расписание < /H1> < I> занятий < /I> < U> на вторник < /U>

< /BODY>

< /HTML>

Посмотрите новую полученную Web-страницу.

Задание 6. Задание размера текущего шрифта.

Информация.

Тэг шрифта < FONT> позволяет задавать размер текущего шрифта в отдельных местах текста. Диапазон установки текущего шрифта – от 1 до 7.

Внесите изменения в файл RASP.HTM:

< HTML>

< HEAD>

< TITLE> Учебный файл HTML < /TITLE>

< /HEAD>

< BODY>

< FONT SIZE=" 7" > Расписание < /FONT>

занятий на вторник

< /BODY>

< /HTML>

Самостоятельно измените размер шрифта для текста " занятия на вторник", используя тэг < FONT>.

Измените текст HTML-документа, используя тэги выделения фрагментов текста и тэги перевода строки и абзаца.

Лабораторная работа № 9-10

Тема: Создание Web-страниц на языке HTML.

Цель: На языке HTML научиться изменением гарнитуры и цвета шрифта, выравнивая текст по горизонтали, задание цвета фона и текста расположением.

Задание 1. Гарнитура и цвет шрифта

Информация.

Тэг < FONT> предоставляет возможности управления размером, начертанием и цветом текста. Изменение гарнитуры шрифта выполняется простым добавлением к тэгу < FONT> атрибута FACE. Например, для изображения текста шрифтом Arial необходимо записать < FONT FACE=" ARIAL" >.

Для изменения цвета шрифта в тэге < FONT> можно использовать атрибут COLOR=" X".

Вместо Х надо подставить либо название цвета (в кавычках), либо его шестнадцатеричное значение. При задании цвета шестнадцатеричным числом можно представить этот цвет разложенным на три составляющие:

красную(R), зеленую (G), синюю (B), каждая из которых имеет значение от 0 до FF.

Примеры записи цвета в формате RGB приведены в таблице:

Таблица 1

Внесите изменения в файл RASP.HTM:

< HTML>

< HEAD>

< TITLE> Учебный файл HTML < /TITLE>

< /HEAD>

< BODY>

< U> < I> < B> < FONT COLOR=" #FF0000" FACE=" ARIAL" SIZE=" 7" > Расписание < /FONT> > < /B> < /I> < /U>

занятий на вторник

< /BODY>

< /HTML>

Самостоятельно измените размер, цвет, гарнитуру, стиль текста документа.

Задание 2. Выравнивание текста по горизонтали

Информация.

С помощью тэгов HTML можно управлять горизонтальным выравниванием текста. Если не оговаривать способ выравнивания, все элементы в документе будут выравниваться по левому краю и иметь неровное правое поле (см. Рис.2).

Современные броузеры для выравнивания текста используется атрибут ALIGN=, который встраивается в теги абзаца или заголовка.

Внесите изменения в файл RASP.HTM:

< HTML>

< HEAD>

< TITLE> Учебный файл HTML < /TITLE>

< /HEAD>

< BODY>

< P ALIGN=CENTER>

< FONT COLOR=" #008080" SIZE=" 7" > < B> Расписание< /B > < /FONT> < BR>

< FONT SIZE=" 6" > < I> занятий на вторник< /I> < /FONT>

< /P>

< /BODY>

< /HTML>