- •Содержание
- •Введение
- •1 Структура html-документа
- •2.2 Горизонтальная линия
- •2.3 Абзац
- •2.4 Принудительный разрыв строки
- •2.5 Цвет фона и цвет шрифта
- •3 Оформление отдельных элементов текста
- •3.1 Текстовые ссылки и цитаты
- •3.2 Усиление текста
- •3.3 Авторское редактирование
- •3.4 Центрирование абзацев и фрагментов
- •4 Программирование списков
- •4.1 Маркированный список
- •4.2 Нумерованный список
- •4.3 Вложенные списки
- •5 Гипертекст
- •5.1 Переносимость
- •5.2 Html-документ - это гипертекст
- •5.3 Гипертексты и браузеры
- •5.4 Переход к другому документу
- •5.5 Переход к метке другого документа
- •6 Графика
- •6.1 Программирование картинки
- •7 Фоновые изображения
- •8 Таблицы
- •8.1 Программирование таблицы
- •8.2 Атрибуты команды tr
- •8.3 Атрибуты команды td (th)
- •8.4 Страничные отступы
- •8.5 Таблицы, вложенные друг в друга
- •9 Вопросы для самоконтроля
- •10 Задания
- •Литература
2.2 Горизонтальная линия
Линия - простейший графический элемент, который умеет строить браузер. Горизонтальная линия задается тегом <HR>, и этот тег не имеет парного закрывающего. Браузер выполняя эту команду, выведет на экран черту.
У тега <HR> существуют свойства, задав которые можно изменять стиль линии.
size - толщина линии. Задается в абсолютных единицах измерения (cm- сантиметры, mm- миллиметры, px-пиксели, pt-пункты);
color – цвет линии.
Горизонтальные линии удобно использовать для дополнительного выделения (или разделения) элементов документа на экране.
2.3 Абзац
Человеку в отличие от компьютера трудно воспринимать однородную информацию, поэтому в книгах буквы не покрывают сплошь всю страницу, хотя это сэкономило бы бумагу. Страница содержит много пустоты, а текст делится на порции - абзацы. Абзацы отделяются друг от друга "красными" и (или) пустыми строками. Красная строка - это первая строка абзаца с текстом, сдвинутым вправо. Разделять текст на абзацы необходимо так, чтобы каждый фрагмент содержал законченную мысль.
Задается абзац тегами <P> и </P> , между которыми помещается текст. Фактически работа тега <P> сводится к выводу перед текстовым фрагментом пустой строки. А вот парный тег </P> просто игнорируется браузером, поэтому его можно и не писать.
Пример:
<HTML>
<BODY>
<P>Красная строка используется </P>
Красная строка не используется.
</BODY>
</HTML>
2.4 Принудительный разрыв строки
Команда <BR> заставляет браузер продолжить вывод абзаца с новой строки. Тег <BR> используется одиночно, без парного тега.
Пример:
<HTML>
<BODY>
Разрыв строки не используется
Разрыв строки используется <BR>
</BODY>
</HTML>
2.5 Цвет фона и цвет шрифта
Если требуется, чтобы документ смотрелся строго определенным образом, необходимо задавайть нужные параметры явно.
Цвета для фона и шрифта на всем протяжении документа можно задать при помощи атрибутов bgcolor и text в теге <body>, например:
|
Это означает, что в документе заданы черные символы (black) на бирюзовом фоне (aqua). |
Атрибуты цветов, заданные в теге <BODY> действуют до парного тега </BODY>, то есть до конца документа. Цветом фона может задаваться только один раз, а цвет шрифта можно менять внутри документа много раз при помощи команды <FONT> ...</FONT>. Установка цвета в этой команде выполняется при помощи атрибута color, например:
-
<HTML>
<HEAD>
....
</HEAD>
<BODY bgcolor=aqua text=black>
....
<FONT color=maroon>
....
</FONT>
....
</BODY>
</HTML>
Заданы цвета для всего документа
Задан новый цвет шрифта (коричневый)
Восстановлен цвет шрифта (черный)
В HTML действует общее важное правило: конструкции языка могут быть вложенными, то есть, внутри одной команды могут располагаться другие. Указания вложенной команды могут изменять указания внешних команд, но когда вложенная команда заканчивается, восстанавливаются полномочия внешней инструкции.
Используя команду <FONT> ...</FONT>, можно не только переопределить цвет шрифта, а также его размер и внешний вид. Однако, использование соответствующих атрибутов не рекомендуется. Установку шрифтового типа поддерживают не все браузеры. Кроме того, указанный шрифт может отсутствовать. Для изменения размеров шрифта есть другие команды, более подходящие для сохранения единого стиля оформления документа (<BIG> ...</BIG> для укрупнения и <SMALL> ...</SMALL> для уменьшения размера шрифта).