- •Система адресации
- •Ip-адрес
- •Ip-адрес: 01111011110010000011001001100100
- •Адрес url
- •Сервисы Интернета
- •Общие сведения о языке html
- •Теги html
- •Структура документа html
- •Функциональные разделы документа
- •Создание списков
- •Создание таблиц
- •Задание 1. Ввод текста
- •Задание 2. Создание списков
- •Задание 3. Формирование таблиц
- •Гипертекстовые ссылки и якоря
- •Рисунки наWeb-страницах
- •Управление стилем шрифта
- •Форматирование фраз
- •Задание 1.Изменение оформления документа
- •Задание 2. Изменение оформления фрагментов документа
- •Задание 3. Создание гиперссылок
- •Задание 4. Использование графики
- •5. Создание фреймов
- •6. Использование фреймов
Управление стилем шрифта
Для задания размера, цвета и начертания шрифта служит тег <FONT>, который должен иметь хотя бы один из трёх возможных атрибутов: SIZE=, COLOR=, FACE=. Установки действуют на текст, заключённый между тегами <FONT> и </FONT>.
Атрибут SIZE= задаёт размер шрифта. Возможны семь заранее заданных размеров шрифта от 1 до 7. Эти значения не соответствуют каким-либо единицам измерения, но чем больше значение, тем крупнее шрифт. По умолчанию используется значение 3.
Атрибут COLOR= определяет цвет шрифта, который может быть задан ключевым словом (например, RED), либо шестнадцатеричным значением в системе RGB (например, #FF0000 – красный).
Атрибут FACE= задаёт вид шрифта. Значением этого атрибута является название одного из шрифтов, установленных на компьютере. Так как заранее неизвестно, какие шрифты установлены на компьютере пользователя, то этот атрибут лучше не использовать.
Чтобы задать значения параметров SIZE=, COLOR=, FACE= для всего документа, используется одиночный тег <BASEFONT>.
Специальная группа тегов служит для изменения начертания шрифта:
<B> и </B> - полужирный,
<I> и </I> - курсив,
<U> и </U> - подчёркнутый,
<S> и </S> - зачёркнутый.
Вместо приведённых выше тегов рекомендуется применять элементы фразы, описывающие функциональные особенности текста. Управление форматированием фраз рассматривается в следующем разделе.
Пример 5
<html>
<head>
<title>Управление стилем шрифта</title>
</head>
<body>
<basefont size=4 face="Arial Cyr">
Этот текст использует нестандартный стиль шрифта, заданный по умолчанию.
<p><font face="Times New Roman Cyr" size="-2" color="Green">Этот текст мельче и использует другой шрифт и другой цвет</font>
<p><b>Полужирный шрифт</b> и <i>курсив</i> используют для выделения фрагментов текста.
<p>Использование <u>подчеркивания</u> не рекомендуется, так как подчеркнутый текст легко перепутать со ссылкой.
<p><s>Вычеркивание текста</s> иногда применяют для разметки фрагментов, потерявших актуальность, но по каким-то причинам сохраняемым в документе.
</body>
</html>
Форматирование фраз
Фрагменты текста (фразы) можно оформлять по-разному с помощью парных тегов, приведённых ниже.
Теги <CITE> и </CITE> указывают, что заключённый между ними текст является цитатой. Обычно такой текст записывается курсивом.
Тег <CODE> используется для записи исходного кода программ.
Тег <KBD> применяется для оформления текста, который должен быть (или был) введён с помощью клавиатуры.
Тег <SAMP> используется для оформления примеров вывода компьютерной программы.
Тег <VAR> служит для оформления имён переменных или параметров.
Для вывода текста, ограниченного тегами <CODE>, <KBD>, <SAMP>, <VAR>, обычно используются моноширинные шрифты.
Тег <EM> предназначен для выделения текста. Как правило, выделенный текст оформляется курсивом. Более сильное выделение задаётся тегом <STRONG>. Такой текст выводится полужирным шрифтом.
Пример 6
<html>
<head>
<title>Элементы фразы</title>
</head>
<body>
<p><cite>На сайт конгресса США были выложены все 445 страниц доклада специального прокурора Кеннета Стара</cite> - это цитата из газеты "Московский комсомолец".
<p><code>Тексты программ</code>, команды, <kbd>вводимые с клавиатуры</kbd>, примеры <samp>вывода компьютерных программ</samp> и программные <var>переменные</var> обычно отображаются на экране примерно одинаково.
<p><em>Выделение</em> и <strong>сильное выделение</strong> используется как смысловой эквивалент курсивного и полужирного начертания.
</body>
</html>
Фреймы
Язык HTML позволяет разбить рабочую часть окна браузера на несколько частей и вывести в них разные документы. Такие области называют фреймами.
Для создания фреймов используют специальный документ HTML, структура которого отличается от обычной. Такой документ содержит описания фреймов, заключённые между тегами <FRAMESET> и </FRAMESET>. В описании фреймов указывают размеры и порядок размещения областей в окне браузера и задают документы, которые должны загружаться в каждую область.
Тег <FRAMESET> обязательно содержит один из атрибутов COLS= или ROWS=, определяющих способ разбиения окна. При использовании атрибута COLS= окно делится на области вертикальными линиями, а при использовании ROWS= - горизонтальными. Если заданы оба атрибута, то в окне создаётся сетка.
Значения атрибутов COLS= и ROWS= определяют ширину или высоту областей. Параметры для каждого столбца (ряда) задаются через запятую в пикселях или процентах (символ %). В качестве последнего параметра можно использовать символ *, который означает, что под фрейм выделяется всё остающееся свободное пространство.
Между тегами <FRAMESET> и </FRAMESET> располагаются дополнительные теги, указывающие назначение созданных областей. Для этой цели можно использовать вложенные теги <FRAMESET> или одиночные теги <FRAME>.
Тег <FRAME> должен содержать обязательный атрибут SRC=. Дополнительные атрибуты позволяют управлять рамками между отдельными фреймами и некоторыми другими параметрами.
Пример 11
<html>
<head>
<title>Примнение фреймов</title>
</head>
<frameset cols="50%,*">
<frameset rows="50%,*">
<frame src="7.html" marginwidth="20" marginheight="20" scrolling="auto" frameborder="1">
<frame src="8.html" marginwidth="20" marginheight="20" scrolling="auto" frameborder="1">
</frameset>
<frame src="10.html" marginwidth="20" marginheight="20" scrolling="auto" frameborder="1">
</frameset>
</html>
Последовательность действий