
- •Тема 4. Язык гипертекстовой разметки документов html
- •4.1. Структура html-документа
- •4.2. Форматирование заголовков html-документа
- •4.3. Используемые символы
- •Символьные подстановки
- •4.4. Цвета и единицы измерения
- •Цветовые обозначения
- •4.5. Оформление текста
- •4.6. Графика и мультимедиа
- •4.7. Списки
- •4.8. Таблицы
- •4.9. Гиперссылки
- •4.10. Фреймы
Символьные подстановки
< |
Знак неравенства “<” |
> |
Знак неравенства “>” |
& |
Знак амперсанда “&” |
" |
Знак двойных кавычек |
4.4. Цвета и единицы измерения
Задание размеров и цветовых свойств тех или иных объектов оформления HTML-документа осуществляется по стандартным правилам. Для задания цвета существует два способа. Один из них – это способ с указанием RGB-кода требуемого цвета. Данный код состоит из шести цифр, перед которыми стоит символ “#”. Каждая цифра представлена в шестнадцатеричной системе счисления, в которой цифры, начиная с 10 до 15, заменены первыми заглавными буквами латинского алфавита, а цифра 16 заменена цифрой 10. При помощи первой пары цифр в данном коде задается доля красного цвета, второй парой цифр – доля зеленого цвета, третьей парой цифр – доля синего цвета. Ниже представлен пример задания красного цвета:
Color=”#FF0000”
Другой способ заключается в том, что шестнадцать наиболее популярных цветов задаются символьными обозначениями, представленными в нижеследующей таблице.
Таблица 5
Цветовые обозначения
Цвет |
Шестнадцатеричный код |
Символьное обозначение |
Черный |
#000000 |
Black |
Серебряный |
#C0C0C0 |
Silver |
Серый |
#808080 |
Gray |
Белый |
#FFFFFF |
White |
Темно-красный |
#800000 |
Maroon |
Красный |
#FF0000 |
Red |
Пурпурный |
#800080 |
Purple |
Малиновый |
#FF00FF |
Fuchsia |
Зеленый |
#008000 |
Green |
Ярко-зеленый |
#00FF00 |
Lime |
Оливковый |
#808000 |
Olive |
Желтый |
#FFFF00 |
Yellow |
Темно-синий |
#000080 |
Navy |
Голубой |
#0000FF |
Blue |
Темная морская волна |
#008080 |
Teal |
Морская волна |
#00FFFF |
Aqua |
Учитывая приведенные выше символьные обозначения, красный цвет можно было бы задать и таким образом:
Color=”Red”
Что касается единиц измерения, то согласно спецификации языка HTML, размеры каких-либо объектов оформления HTML-документов тоже можно задавать только двумя способами. Либо задать их размер в пикселах, либо в процентах от размера “родительского” объекта, внутри которого находится описываемый элемент оформления. Если в HTML-документе используется таблица шириной в пятьдесят процентов, то это означает, что ее ширина составляет пятьдесят процентов от ширины окна браузера. Ширина ячейки таблицы будет рассчитываться в процентах от общей ширины таблицы, в которой находится эта ячейка. Если пользователь изменит размеры окна браузера, соответствующим образом изменится и компоновка содержимого HTML-документа, чего не происходит при задании размеров в пикселах. Чтобы указать размер некоего элемента в пикселах, достаточно в качестве значения соответствующего параметра задать необходимое число. Например, для задания ширины какого-либо объекта в тридцать пикселов нужно использовать следующую запись:
Width=”30”