- •Введение
- •Тема 1. «структура html-документа. Форматирование текста. Создание простой web-страницы»
- •Структура html-документа
- •Листинг 1
- •Структура html-элемента Атрибуты
- •Тело документа
- •Определение цветов
- •Элементы h1, h2, h3, h4, h5, h6
- •Листинг 2
- •Листинг 3.
- •Работа с текстом
- •Вставка изображений
- •Контрольные вопросы:
Тело документа
Между тегами <body> и </body> размещается основная часть материала документа. Все, что идет после тега <body> интерпретируется броузером в соответствии со строгим набором правил.
Атрибуты тега <body>
Таблица 2
background |
Атрибут указывает URL-адрес изображения, которое следует использовать в качестве фона документа |
bgcolor |
Определяет цвет фона документа. |
bgproperties |
Если этот атрибут имеет значение fixed, то изображение фона не будет прокручиваться |
leftmargin |
Атрибут определяет ширину левого поля в пикселях. |
topmargin |
Атрибут определяет ширину верхнего поля в пикселях. |
text |
Атрибут определяет цвет текста. |
В приведенной выше таблице указаны не все атрибуты тега <body>. Дополнительные функции можно просмотреть в файле Sprav_ HTML.doc в папке CD.
Например:
<body background=”fons/image.jpg”>
В данном примере фоном документа будет являться рисунок image.jpg, который находится в папке fons. В данном случае HTML-документ находится в файловой структуре на том же уровне, что и папка fons.
Определение цветов
Цвет определяется для текста HTML-документа и его различных фрагментов (отдельных абзацев, заголовков, сносок, и т. д.), для задания фона документа и вида гиперссылок. Рассмотрим подробнее, как определяются цвета в Web.
При определении цветов для документа HTML можно использовать либо названия цветов, либо их шестнадцатеричные коды. Система шестнадцатеричного кодирования основана на трех компонентах – красном (Red), зеленом (Green) и синем (Blue), отсюда и ее название RGB, по первым буквам названий этих цветов. Каждый из компонентов соответствует шестнадцатеричному числу от 00 до FF (0 и 255 в десятичной системе счисления). Эти три значения затем объединяются в одно значение, которому предшествует знак #, например #800080, что соответствует фиолетовому цвету.
Например: следующие строки идентичны, цвет фона документа будет красным.
<body bgcolor=”#FF0000”>
<body bgcolor=”red”>
В таблице 3 приведены названия некоторых цветов и их коды. Более полные таблицы цветов и их коды можно просмотреть в папке colors, расположенной в папке CD.
Таблица 3
Цвет |
Код |
Цвет |
Код |
Black (черный) |
#000000 |
Silver (серебряный) |
#С0С0С0 |
Maroon (темно-бордовый) |
#800000 |
Red (красный) |
#FF00000 |
Green (зеленый) |
#008000 |
Lime (известь) |
#00FF00 |
Olive (оливковый) |
#808000 |
Yellow (желтый) |
#FFFF00 |
Navy (темно-синий) |
#000080 |
Blue (синий) |
#0000FF |
Purple (фиолетовый) |
#800080 |
Fuchia (фуксия) |
#FF00FF |
Teal (темно-зеленый) |
#008080 |
Aqua (аква) |
#00FFFF |
Gray (серый) |
#808080 |
White (белый) |
#FFFFFF |