Задание размера символов
Существуют два способа управления размером текста, изображаемого браузером:
использование стилей заголовка,
задание размера шрифта основного документа или размера текущего шрифта.
Использование стилей заголовка
Используется шесть тэгов заголовков (от <Н1> до <Н6>). Каждому тэгу соответствует конкретный стиль, заданный параметрами настройки браузера.
Задание 5. Использование стилей заголовка.
Используется шесть тэгов заголовков (от <Н1> до <Н6>). Каждому тэгу соответствует конкретный стиль, заданный параметрами настройки браузера.
1. Внесите изменения в файл RASP.HTM:
|
2. Просмотрите полученную Web-страницу. На экране вы увидите то, что показано на рис. 3 .
Рис.3. |
Задание 6. Установка размера текущего шрифта.
Тэг шрифта <FONT> позволяет задавать размер текущего шрифта в отдельных местах текста в диапазоне от 1 до 7.
1.Внесите изменения в файл RASP.HTM:
|
2. Самостоятельно измените размер шрифта для текста “занятий на вторник”, используя тэг <FONT>. 3. Измените оформление текста HTML-документа, используя тэг выделения фрагментов текста и тэг перевода строки и абзаца.
|
Задание 7. Установка гарнитуры и цвета шрифта.
Гарнитура и цвет шрифта.
Тэг <FONT> предоставляет возможности управления размером, гарнитурой и цветом текста. Изменение гарнитуры шрифта выполняется простым добавлением к тэгу <FONT> атрибута FACE. Например, для изображения текста шрифтом Arial необходимо записать: <FONT FACE="ARIAL">.
Для изменения цвета шрифта можно использовать в тэге <FONT> атрибут COLOR="X".
Вместо Х надо подставить либо название цвета (в кавычках), либо его шестнадцатеричное значение. При задании цвета шестнадцатеричным числом можно представить этот цвет разложенным на три составляющие: красную (R — Red), зеленую (G — Green), синюю (В — Blue), каждая из которых имеет значение от 0 до FF. В этом случае мы имеем дело с так называемым форматом RGB. Примеры записи цвета в формате RGB приведены в Tаблице 1.
Таблица 1. Запись цвета в формате RGB
|
1. Внесите изменения в файл RASP.HTM:
2. Самостоятельно измените размер, цвет, гарнитуру, стиль текста документа.
|
Задание 8. Выравнивание текста по горизонтали.
1. Внесите изменения в файл RASP.HTM:
|
2. На экране вы увидите то, что показано на рис. 4
Рис. 4 |
Задание 9. Задание цвета фона и текста
При изображении фона и текста браузеры используют цвета, установленные по умолчанию, — они заданы параметрами настройки браузера. Если вы хотите задать другие цвета, то это надо сделать в начале файла HTML в тэге <BODY>. Атрибут BGCOLOR= определяет цвет фона страницы, ТЕХТ= задает цвет текста для всей страницы, LINK= и VLINK= определяют цвета соответственно непросмотренных и просмотренных ссылок (последние два параметра будут рассмотрены ниже). |
Внесите изменения в файл RASP.HTM:
|
Задание 10. Размещение графики на Web-странице.
Тэг <IMG> позволяет вставить в документ изображение. Оно появится в том месте документа, где находится этот тэг. Данный тэг является одиночным. Графика в Web, как правило, распространяется в трех форматах: GIF, JPG, PNG. При выполнении следующего задания будем считать, что графический файл CLOCK.GIF хранится в рабочем каталоге KURS, где находится и наша Web-страница. Внесите изменения в файл RASP.HTM: |
|
На экране вы увидите то, что показано на рис.5.
Рис.5 |
Тэг <IMG> имеет немало атрибутов, описанных в таблице.2, которые можно задавать дополнительно. Они могут располагаться в любом месте тэга после кода IMG.
|
Таблица 2