Смекни!
smekni.com

Разработка web сайта на основе HTML с использованием JavaScript (стр. 5 из 18)

Мнемонические символы бывают очень полезны, особенно для тех символов, которые нельзя ввести с клавиатуры. Например, для указания разрешения экрана можно использовать такую конструкцию:

640× 480

Двойная кавычка, угловые скобки и амперсанд (<, >, &) являются служебными в HTML. Если их надо использовать в обычном тексте на Web-странице, то они должны быть указаны только при помощи кодов.

Кириллица тоже может быть реализована в виде набора спецсимволов. Русские буквы расположены (при кодировании Windows-1251) в том месте кодовой таблицы, где первоначально располагались латинские буквы с тильдами, умляутами. Поэтому англоязычные редакторы HTML при переключении клавиатурного регистра часто записывают кириллицу в виде кодов.

Типы данных

Основным типом данных Web-страницы является текстовой тип. Существует много элементов, которые являются контейнерами для текста, или используются для форматирования текста. Числовые и мнемонические коды, обозначающие символы, предваряются знаком амперсанта &. Таким образом, амперсанд и угловые скобки могут быть введены в текст не на прямую, а только при помощи кодов. Текстовые данные, являющиеся значениями атрибутов, заключаются в прямые двойные кавычки.

Числовые данные требуются только для указания значений атрибутов и записываются без кавычек.

Гиперссылки обычно состоят из двух частей: текста подсказки и адреса, который определяет координату перехода. Текст подсказки или заменяющий его рисунок располагается внутри элемента А, а адрес задаётся при помощи атрибута href. Гиперссылка обычно выделяется на фоне текста цветом или подчёркиванием. Вид указателя мыши обязательно изменяется, когда он помещается над гиперссылкой.

Существуют правила для определения размеров элементов. Размер, заданный обычным числом, выражается в пикселях. Например, задаётся длина горизонтальной линии в 100 пикселов:

<HR width = 100>

Горизонтальный размер может быть задан в процентном отношении к ширине окна браузера:

<HR width = 50%>

Если размер окна будет изменён, то изменится и длина горизонтальной линии.

Символ * может использоваться для разделения пространства страницы в определённых пропорциях. Два способа определения фреймов ( атрибут cols создаёт фреймы с вертикальным делением), причём левый фрейм в данном случае всегда будет в три раза уже, чем правый.

<FRAMESET cols = ” 25%, 75% “>

<FRAMESET cols = “1*, 3* “>

Управление цветом

Кодирование цвета используется для раскрашивания шрифтов, горизонтальных линий и фона, других элементов страницы. Цвета обозначаются английскими названиями или числовыми шестнадцатеричными кодами. Существует несколько атрибутов, значениями которых являются параметры цвета. Самый простой способ определить цвет – написать название цвета на английском языке. Так, например, задаётся красный цвет шрифта в элементе FONT:

Color = “red”

Допустимые названия цветов:

Русское название

Английское название

RGB – код

Аквамарин

Aqua

#00FFFF

Белый

White

#FFFFFF

Жёлтый

Yellow

#FFFF00

Зелёный

Green

#008000

Золотой

Gold

#FF0700

Индиго

Indigo

#4B0080

Каштановый

Maroon

#800000

Красный

Red

#FF0000

Оливковый

Olive

#808000

Оранжевый

Orange

#FF0000

Пурпурный

Purple

#800080

Светло-зелёный

Lime

#00FF00

Серебристый

Silver

#C0C0C0

Серый

Gray

#808080

Сизый

Teal

#008080

Синий

Blue

#0000FF

Ультрамарин

Navy

#000080

Фиолетовый

Violet

#EE80EE

Фуксиновый

Fuchsia

#FF00FF

Чёрный

Black

#000000

Но в общем случае цвет определяется RGB – кодом. Любой цвет в этом случае представляется как комбинация красного (R), зелёного (G), синего (B) цветов, взятых в определённых пропорциях. Доля каждой цветовой составляющей определяется интенсивностью цвета и выражается двуразрядным шестнадцатеричным числом. В десятичном исчислении эти числа соответствуют диапазону от 0 до 255. В Windows–95 это соответствует цветовому режиму монитора True Color (24-разрядное двоичное кодирование цвета).

В выше приведённой таблице видно, что для формирования стандартных цветов часто используются или крайние значения интенсивности базового цвета 00 и FF, или среднее значение 80. Выбрав цвет, можно увидеть его численные характеристики, и наоборот, задав численные значения, получить новый оттенок.

Ещё одно направление применения цвета: элемент HR, создающий горизонтальную линию, допускает использование ряда атрибутов. С их помощью линию можно превратить в цветной прямоугольник. Его можно использовать для разделения частей страницы или в качестве маркеров списка.

HTML – код, рисующий радугу на Web-странице: