Учебник HTML : структура web страницы)
advertisement
Учебник HTML : структура web страницы) аголовка (начинающийся тэгом <HEAD>) и раздела содержательной части документа (начинающийся тэгом <BODY>). Для документов, описывающих фреймовые структуры, вместо раздела BODY используется раздел FRAMESET (с тэгом <FRAMESET>). <HEAD> </head> От англ. - голова. Область заголовка Web-страницы. Иными словами, ёё первая часть. Так же как и HTML, HEAD служит только для форматирования общей структуры документа. В этот элемент допускается вложени элементов TITLE, META и других не часто употребляемых. <BODY> </body> Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та часть документа, которую разрабатывает автор страницы и которая отображается броузером. Соответственно, конечный тег этого элемента надо искать в конце HTMLфайла. Внутри BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком. Структура head Стало весьма популярным применение элемента <META> для решения некоторых типичных задач. В качестве примера можно привести указание ключевых слов, используемых поисковыми системами. Этот способ позволяет включать в индекс документа дополнительные слова, которые могут явно не входить в его содержание. Для этого в тэге <META> в качестве значения параметра NAME указывается имя некоторого свойства. А при помощи параметра CONTENT указывается значение данного свойства. Спецификация HTML не определяет каких-либо конкретных имён свойств, записываемых в тэге <META>. Однако есть несколько часто применяемых свойств, например, description, keywords, author, robots и др.: <META NAME="description" CONTENT="Описание возможностей HTML 4.0"> <META NAME="keywords" CONTENT="тэг, гипертекст, HTML, браузер"> Тэг <META> может иметь параметры, указанные в таблице: Параметр Назначение HTTP-EQUIV Определяет свойства для тэга NAME Обеспечивает дополнительное писание тэга. Если этот параметр опущен, он считается эквивалентным параметру HTTP-EQUIV URL Определяет адрес документа для свойства CONTENT Определяет возвращаемое значения для свойства Ешё одно важное предназначение тэга <META> - это указание кодировки текста. Так, для текста на русском языке в кодировке Windows нужно записать следующую строчку: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251"> Раздел BODY, тег BODY В этом разделе документа распологается его содержательная часть. Большинство тэгов рассматриваемых далее, должно располагаться в данном разделе документа. Здесь мы рассмотрим лишь некоторые общие вопросы. Раздел докумета BODY должен начинаться тэгом <BODY> и завершаться тэгом </BODY>, между которыми распологается всё содержимое данного раздела. Строго говоря наличие этих тэгов не является обязательным, поскольку браузеры могут определить начало содержательной части документа по контексту. Однако их употребление рекомендуется. Тэг <BODY> имеет ряд параметров, ни один из которых не ывляется обязательным. Перечень параметров приведён в таблице: Параметр Назначение ALINK Определяет цвет активной ссылки BACKGROUND Указывает на URL-адрес изображения, которое используется в качестве фонового BOTTOMMARGIN Устанавливает границу нижнего поля документа в пикселах BGCOLOR Определяет цвет фона документа BGPROPERTIES Если установлено значение FIXED, фоновое изображение не прокручивается LEFTMARGIN Устанавливает границу левого поля документа в пикселах LINK Определяет цвет ещё не просмотренной ссылки RIGHTMARGIN Устанавливает границу правого поля документа в пикселах SCROLL Устанавливает наличие или отсутствие полос прокрутки окна браузера TEXT Определяет цвет текста TOPMARGIN Устанавливает границу верхнего поля документа в пикселах VLINK Определяет уже просмотренные ссылки Разработчики Web-страниц могут управлять цветом фона документа, а также указывать изображения, используемые в качестве фонового. Идея применения фоновых изображений хорошо знакома пользователям системы Windows, в которой предусмотрен ряд возможностей по изменению переметров рабочего стола (desktop). Во многом аналогично выполняется настройка параметров фона для HTML-документов. Для задания цвета фона употребляется параметр bgcolor тэга <BODY>, а фоновое изображение включается в документ при помощи параметра background. В качестве значения параметра указывается название цвета или его составляющие в шестнадцатеричном коде. В качестве фонового изображения должен использоваться графический файл формата GIF или JPG. Фоновое изображение для HTML-документа всегда заполняет всё окно просмотра (в отличии от рабочего стола Windows, где изображение может не размножаться). Если размер изображения меньше размеров окна просмотра, то оно будет размножено по принципу мозаики. Поэтому фоновые изображения должны создаваться так, чтобы при появлении на экране границы сшивки повторяющихся изображений били невидимы. Эта задача напоминает подбор рисунка при оклеивании обоями стен комнаты. Обычно в качестве фонового берётся небольшое изображение, для загрузки которого по сети не требуется значительного времени. Другим часто используемым вариантом является фоновое изображение в виде бледного рельефного логотипа. Такая графика ясно идентифицирует сайт и не мешает восприятию материала. Приведём пример записи тэга <BODY> с указанием фонового цвета и фонового изображения: <BODY bgcolor="gray" background="texture.gif"> Заметим, что одновременное задание параметров background и bgcolor вовсе не обязательно. Любой из них, равно как и оба вместе, могут отсутствовать. На первый взгляд может показаться, что указание фонового цвета излишне при задании фонового изображения. В действительности всё наоборот. Можно рекомендовать всегда указывать цвет фона документа если задаётся фоновое изображение. Дело в том, что при загрузке документа прежде всего отображается текстовая часть, а на следующем проходе будут загружаться изображения, в том числе и изображения, используемые в качестве фонового. До момент загрузки и отображения фонового изображения цвет фона документа будет определяться значением параметра bgcolor или устанавливаться по умолчанию. Опыт работы с HTML-документами, получаемыми по сети, показывает, что до загрузки фонового изображения порой проходит достаточное количество времени, в течении которого пользователь знакомиться с уже загруженным текстом. В какой-то момент проявляется фоновое изображение, изменяя гамму цветов документа. Чтобы предотвратить резкое изменение гаммы цветов, следует задавать значение цвета фона близким к цветам фонового изображения. Разработчики Web-страниц могут управлять цветом фона документа, а также указывать изображения, используемые в качестве фонового. Идея применения фоновых изображений хорошо знакома пользователям системы Windows, в которой предусмотрен ряд возможностей по изменению переметров рабочего стола (desktop). Во многом аналогично выполняется настройка параметров фона для HTML-документов. Для задания цвета фона употребляется параметр bgcolor тэга <BODY>, а фоновое изображение включается в документ при помощи параметра background. В качестве значения параметра указывается название цвета или его составляющие в шестнадцатеричном коде. В качестве фонового изображения должен использоваться графический файл формата GIF или JPG. Фоновое изображение для HTML-документа всегда заполняет всё окно просмотра (в отличии от рабочего стола Windows, где изображение может не размножаться). Если размер изображения меньше размеров окна просмотра, то оно будет размножено по принципу мозаики. Поэтому фоновые изображения должны создаваться так, чтобы при появлении на экране границы сшивки повторяющихся изображений били невидимы. Эта задача напоминает подбор рисунка при оклеивании обоями стен комнаты. Обычно в качестве фонового берётся небольшое изображение, для загрузки которого по сети не требуется значительного времени. Другим часто используемым вариантом является фоновое изображение в виде бледного рельефного логотипа. Такая графика ясно идентифицирует сайт и не мешает восприятию материала. Приведём пример записи тэга <BODY> с указанием фонового цвета и фонового изображения: <BODY bgcolor="gray" background="texture.gif"> Заметим, что одновременное задание параметров background и bgcolor вовсе не обязательно. Любой из них, равно как и оба вместе, могут отсутствовать. На первый взгляд может показаться, что указание фонового цвета излишне при задании фонового изображения. В действительности всё наоборот. Можно рекомендовать всегда указывать цвет фона документа если задаётся фоновое изображение. Дело в том, что при загрузке документа прежде всего отображается текстовая часть, а на следующем проходе будут загружаться изображения, в том числе и изображения, используемые в качестве фонового. До момент загрузки и отображения фонового изображения цвет фона документа будет определяться значением параметра bgcolor или устанавливаться по умолчанию. Опыт работы с HTML-документами, получаемыми по сети, показывает, что до загрузки фонового изображения порой проходит достаточное количество времени, в течении которого пользователь знакомиться с уже загруженным текстом. В какой-то момент проявляется фоновое изображение, изменяя гамму цветов документа. Чтобы предотвратить резкое изменение гаммы цветов, следует задавать значение цвета фона близким к цветам фонового изображения. Форматирование HTML документа. Теги P, DIV, BR, HR и другие. Любые тексты, будь то школьное сочинение, заметка в газете или техническое описание устройства имеют определённую структуру. Элементами такой структуры являются заголовки, подзаголовки, таблицы, абзацы и т.д. HTML-документы не являются исключением из этого правила. Простейшее форматирование HTML-документа можно разбить на два раздела : 1. "Форматирование HTML - документа" - т.е. представление всего текста на экране монитора. Сюда входит работа с абзацами, строками, центрирование текста; 2. "Форматирование текста" - непосредственно работа с текстом, установление шрифта, цвета, размера, отображение текста наклонным, полужирным и т.д.; Также будет раскрыта более сложная тема - логическое форматирование текста, т.е. выделение логически значимых частей текста. <P> </p> Элемент абзаца (paragraph) - один из самых полезных. Он позволяет использовать только начальный тег, так как следующий элемент P обозначает конец предыдущего и начоло следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу удобно обозначить конец абзаца. В некоторых случаях удобно ставить стартовый тег в конце строки: он не только укажет конец абзаца, но и выполнит функцию элемента <BR> (разрыв строки). Например: <P> Текст первого абзаца. <P> Текст второго абзаца. </p> Текст третьего абзаца. <P> Вместе с элементом P можно использовать атрибут выравнивания align: align="left" - выравнивание по левому краю; align="center" - выравнивание по центру; align="right" - выравнивание по правому краю; align="justify" - выравнивание по ширине; Абзацы форматируются броузером, и их вид зависит, в частности, от размера окна программы. Два следующих элемента позволяют внести некоторую определённость в форматы абзацев. <BR> Элемент, обеспечивающий принудительный переход на новую строку. Он имеет только стартовый тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки. <NORB> </norb> Этот элемент по своему действию является прямой противоположностью предыдущему. Текст, заключённый между его тегами, будет выведен в одну строку. Длинная строка не уместится на экране и для ее просмотра придётся использовать горизонтальную полосу прокрутки. <BLOCKQUOTE></blockquote> Обозначение цитаты. Этот элемент требует наличия конечного тега. Текст не претерпивает никаких изменений, но абзац распологается с отступом. Пример: Текст без отступа. Текст с отступом. <CENTER> </center> Элемент для центрирования текста, а точнее, любого содержимого (рисунка, таблицы, списка и т.д.). <DIV> </div> Элемент, похожий на предыдущий. Он позволяет выравнивать содержимое по левому краю, по центру или по правому краю. Для этого стартовый тег должен содержать соответствующий атрибут: align="left" - выравнивание по левому краю; align="center" - выравнивание по центру; align="right" - выравнивание по правому краю; <H1></h1> Элемент заголовка. Существует шесть уровней заголовков, которые обозначаються H1...H6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый мелкий заголовок. Представление об относительных размерах иожно увидеть на страницепримере. Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо: align="left" - выравнивание по левому краю; align="center" - выравнивание по центру; align="right" - выравнивание по правому краю; <HR> Элемент создающий горизонтальную линию. Горизонтальная линия (horizontal rule) очень часто используемый элемент. Во-первых, потому, что с его помощью очень удобно делить страницу на части. Во-вторых, выбор таких элементов страницы у автора очень небольшой. Действительно в HTML практичеки отсутствуют подобные конструкции, а вот для горизонтальной линии почему-то было сделано исключение. Правда, несмотря на некоторую скупость языка в этой области, можно придумать немало стандартных графических образов, которые разнообразили бы вид страниц. Элемент не имеет конечного тега, но допускает ряд атрибутов для выравнивания влево, по центру, вправо, по ширине: align="left" align="center" align="right" Можно задать толщину линии: size="Толщина в пикселях" Можно управлять длиной линии: width="Длина в пикселах" width="Длина в процентах" Можно выбирать цвет: color="Цвет" Вот образец выполнения кода <hr align="right" width="50" size="50" color="red">: Создание гиперссылок. Тег A. Внутренние ссылки. Одним из важнейших понятий в HTML документе являются ссылки. Значение ссылок в мире Интернет трудно переоценить. Организация ссылок. Ссылка состоит из двух частей. Первая из них это то, что вы видите на Web-странице; она называется указатель ссылки (anchor). Вторая часть, дающая инструкцию браузеру, называется адресной частью ссылки (URL-адресс). Когда вы щелкаете мышью по указателю ссылки, браузер загружает документ, адрес которого дается URL-адресом. Указатели бывают двух типов - текстовые и графические. Проще говоря, ссылкой может быть слово, предложение, абзац или картинка. Текстовые указатели по умолчанию выделяются подчёркиванием. Хотя данные настройки могут быть изменены. На этом сайте, например, ссылки становятся подчёркнутыми только при наведении на них указателя мыши. Приведём пример записи текстового указателя ссылки: <A href="html_04_01.php">Ссылка на эту же страницу</a> В качестве ссылки можно использовать графическое изображение. По принципу действия графические ссылки ничем не отличаются от текстовых. Они не подчёркиваются и не выделяются цветом, а для их выделения браузер обычно вокруг такого изображения рисует рамку. Пример графического указателя ссылки: <A href="html_04_01.php"><IMG src="picture.gif"></a> Если в URL-адресе не указывается полный путь к файлу, то такая ссылка называется относительной. В этом случае определения местоположения файлов выполняется с учётом местоположения документа, в котором имеется такая ссылка. Тэг <A>. Этот тэг имеет параметр href, значением которого является URL-адрес. Указатель может быть как относительным, так и абсолютным. Этот тэг является контейнером, поэтому необходимо указывать закрывающий тэг </a>: <A href="URL-адрес">текст ссылки</a> Внутренние ссылки. Кроме ссылок на другие документы, часто полезно включить ссылки на разные части текущего документа. Например, большой документ читается лучше, если он имеет оглавление со ссылками на соответствующие разделы. Для построения внутренней ссылки сначала нужно создать указатель, определяющий место назначения. Например, если вы хотите создать ссылку на текст определенной главы документа, нужно разместить там указатель и дать ему имя при помощи параметра name тэга <A>. При этом параметр href не используется, и браузер не выделяет содержимое тэга <A>. Например: <A name="chapter_5"> </A> Обратите внимание, что в приведённом примере отсутствует содержимое тэга <A>. Обычно именно так и делают, поскольку здесь нет необходимости как-то выделять текст, а требуется лишь указать местоположение. После того как место назначения определено, можно приступать к созданию ссылки на него. Для этого, вместо указания в параметре href адреса документа, как это делалось ранее, поместим туда имя ссылки с префиксом #, говорящем о том, что это внутренняя ссылка. <A name="#chapter_5">Глава 5</A> Теперь если пользователь щёлкнет кнопкой мыши на словах "Глава 5 ", браузер выведет соответствующую часть документа в окне просмотра. Такой механизм реализован на странице Создание списков, в меню "Быстрый переход по странице". Маркированный список. Иначе списки такого типа называют неупорядоченными (формальный перевод названия соответствующего тэга <UL> - Unordered List). В маркированном списке для выделения его элементов используются специальные символы, называемые маркерами списка. Вид маркеров списка определяется броузером, причём при создании вложенных списков броуреры автоматически разнообразят вид маркеров различного уровня вложенности. Тэги <UL> и <LI>. Для создание маркированного списка необходимо использовать тэг-контейнер <UL> </UL>, внутри которог располагаются все элементы списка. Каждый элемент списка должен начинаться тэгом <LI> (LI - List Item, элемент списка). Тэг <LI> не нуждается в соответствующем закрывающем тэге, хотя и наличие его в принципе не возбороняется. В тэге <UL> могут быть указаны два параметра: compact и type. Параметр compact записывается без значений и применяется для указания браузеру, что данный список следует выводить в компактном виде. Например, может быть уменьшен шрифт или растояние между строчками списка и т.д. Параметр type может принимать следующие значения: disc, circle и square. Этот параметр используется для принудительного задания вида маркеров списка. Конкретный вид маркера будет зависеть от используемого броузера. Типичными вариантами отображения являются следующие: type = "disc" - маркеры отображаюктся закрашенными кружками; type = "circle" - маркеры отображаюктся не закрашенными кружками; type = "square" - маркеры отображаюктся закрашенными квадратиками; Значением используемым по умолчанию, является type="disc". Параметр type с теми же значеиями может употребляться для указания вида маркеров отдельных элементов списка. Пример записи: <LI type="circle">. Нумерованный список. Другим типом списков, реализованных в языке HTML, является нумерованный список. Иначе списки такого типа называют упорядоченными. Последнее название часто используется как формальный перевод названия соответствующего тэга <OL> (Ordered List), с помощью которого и организуются списки такого типа. Отличием от маркированных списокв является то, что в нумерованном списке перед каждым его элементом автоматически проставляется порядковый номер. Тэги <OL> и <LI>. Для создание нумерованного списка необходимо использовать тэг-контейнер <OL> </OL>, внутри которог располагаются все элементы списка. Как и для маркированного списка, каждый элемент нумерованного списка должен начинаться тэгом <LI>. Тэг <LI> не нуждается в соответствующем закрывающем тэге, хотя и наличие его в принципе не возбороняется. В тэге <OL> могут быть указаны следующие параметры: compact, type и start. Параметр compact имеет тот же смысл, что и у маркированных списков. Параметр type используется для задания вида нумерации списка. Может принимать следующие значения: type = "A" - задаёт маркеры в виде прописных латинских букв; type = "a" - задаёт маркеры в виде строчных латинских букв; type = "I" - задаёт маркеры в виде больших римских цифр; type = "i" - задаёт маркеры в виде маленьких римских цифр; type = "1" - задаёт маркеры в виде арабских цифр. По умолчанию всегда используется type = "1". Параметр type с теми же значениями может употребляться для указания вида нумерации отдельных элементов списка. Пример записи: <LI type = "A">. Параметр start тэга <OL> позволяет начать нумерацию списка не с единицы. В качестве значения параметра start всегда должно указываться натуральное число, вне зависимости от вида нумерации списка. приведём пример: <OL type="A" start="5">. Такая запись определяет нумерацию списка с прописной латинской буквы "E". Значение параматра value тэга <LI> позволяет изменить номер данного элемента списка. При этом изменяется нумерация всех последующих элементов. Листинг страницы 1 <html> <head> <title>Образец</title> </head> <!-- комментарий --> <body> <h1>Привет, мир!</h1> </body> </html> Листинг страницы 2 <html> <head> <title>Заголовок.</title> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=UNF-8"> <meta name="description" content="Образец №2."> <meta content="образец, пример, example" name=Keywords> <meta http-equiv="expires" content="now"> </head> <body bgcolor="#FFFFCC" link="#000000" vlink="#000000" text="#008080"> <h1>Привет, мир!</h1> </body> </html> Учебник HTML : Управление цветом Пора, наконец, разобраться, как кодируются различные цвета при использовании соответствующих атрибутов. Самый простой способ - написать название на английском языке. Например: color="red". В таблице представлены некоторые допустимые названия цветов. На самом же деле цвет определяется не названием, а так называемым RGB-кодом, шаблоны которого уже упоминались. Любой цвет представляется в этом случае как комбинация красного (R), зелёного (G) и синего (B) цветов, взятых в определённой пропорции. Русское название Английское название RGB-код аквамарин aqua #00FFFF белый white #FFFFFF жёлтый yellow #FFFF00 зеленый green #008000 каштановый maroon #800000 красный red #FF0000 оливковый olive #808000 пурпурный purple #800080 светло-зеленый lime #00FF00 серебристый silver #C0C0C0 серый gray #808080 сизый teal #008080 синий blue #0000FF ультрамаин navy #000080 фуксиновый fuchsia #FF00FF чёрный black #000000 Образец Доля каждой цветовой составляющей определяется интенсивностью цвета и выражается двухразрядным шестнадцатеричным числом. В десятичном исчислении эти числа соответствуют диапазону от 0 до 255. Легко подсчитать, что, комбинируя интенсивности трёх базовых цветов, разработчик страны имеет возможность запрограммировать любой из 16 777 216 доступных оттенков. В ОС Windows это соответствует цветовому режиму монитора True Color (24-разрядное двоичное кодирование цвета). Это наилучший на сегодняшний день режим цветопередачи. Таким он, видимо, останется в дальнейшем, так как возможность восприятия цветов зрением человека и возможность монитора в смысле точного воспроизведения цветовых ньюансов подходят здесь к совему пределу. Таким образом, пользователи и разработчики Web-страниц нисколько не ущемлены в своих "цветовых правах" по сравнению с остальным компьютерным миром. Учебник HTML : Таблица цветов назад Название цвета Красный Зеленый Синий Образец alicemblue F0 F8 FF sample antiquewhite FA EB D7 sample aqua 00 FF FF sample aquamarine 7F FF D4 sample azure F0 FF FF sample beige F5 F5 DC sample bisque FF E4 C4 sample black 00 00 00 sample blanchedalmond FF EB CD sample blue 00 00 FF sample blueviolet 8A 2B E2 sample brown A5 2A 2A sample burlywood DE B8 87 sample cadetblue 5F 9E A0 sample chartreuse 7F FF 00 sample chocolate D2 69 1E sample coral FF 7F 50 sample cornflowerblue 64 95 ED sample cornsilk FF F8 DC sample crimson DC 14 3C sample cyan 00 FF FF sample darkblue 00 00 8B sample darkcyan 00 8B 8B sample darkgoldenrod B8 86 0B sample darkgray A9 A9 A9 sample darkgreen 00 64 00 sample darkkhaki BD B7 6B sample darkmagenta 8B 00 8b sample darkolivegreen 55 6B 2F sample darkorange FF 8C 00 sample darkochid 99 32 CC sample darkred 8B 00 00 sample darksalmon E9 96 7A sample darkseagreen 8F BC 8F sample darkslateblue 48 3D 8B sample darkslategray 2F 4F 4F sample darkturquoise 00 CE D1 sample darkviolet 94 00 D3 sample deeppink FF 14 93 sample deepskyblue 00 BF FF sample dimgray 69 69 69 sample dodgerblue 1E 90 FF sample firebrick B2 22 22 sample floralwhite FF FA F0 sample forestgreen 22 8B 22 sample fushsia FF 00 FF sample gainsboro DC DC DC sample ghostwhite F8 F8 FF sample gold FF D7 00 sample goldenrod DA A5 20 sample gray 80 80 80 sample green 00 80 00 sample greenyellow AD FF 2F sample honeydew F0 FF F0 sample hotpink FF 69 B4 sample indiandred CD 5C 5C sample indigo 4B 00 82 sample ivory FF FF F0 sample khaki F0 E6 8C sample lavender E6 E6 FA sample lavenderblush FF F0 F5 sample lawngreen 7C FC 00 sample lemonchiffon FF FA CD sample ligtblue AD D8 E6 sample lightcoral F0 80 80 sample lightcyan E0 FF FF sample lightgoldenrodyellow FA FA D2 sample lightgreen 90 EE 90 sample lightgrey D3 D3 D3 sample lightpink FF B6 C1 sample lightsalmon FF A0 7A sample lightseagreen 20 B2 AA sample lightscyblue 87 CE FA sample lightslategray 77 88 99 sample lightsteelblue B0 C4 DE sample lightyellow FF FF E0 sample lime 00 FF 00 sample limegreen 32 CD 32 sample linen FA F0 E6 sample magenta FF 00 FF sample maroon 80 00 00 sample mediumaquamarine 66 CD AA sample mediumblue 00 00 CD sample mediumorchid BA 55 D3 sample mediumpurple 93 70 DB sample mediumseagreen 3C B3 71 sample mediumslateblue 7B 68 EE sample mediumspringgreen 00 FA 9A sample mediumturquoise 48 D1 CC sample medium violetred C7 15 85 sample midnightblue 19 19 70 sample mintcream F5 FF FA sample mistyrose FF E4 E1 sample moccasin FF E4 B5 sample navajowhite FF DE AD sample navy 00 00 80 sample oldlace FD F5 E6 sample olive 80 80 00 sample olivedrab 6B 8E 23 sample orange FF A5 00 sample orengered FF 45 00 sample orchid DA 70 D6 sample palegoldenrod EE E8 AA sample palegreen 98 FB 98 sample paleturquose AF EE EE sample palevioletred DB 70 93 sample papayawhop FF EF D5 sample peachpuff FF DA B9 sample peru CD 85 3F sample pink FF C0 CB sample plum DD A0 DD sample powderblue B0 E0 E6 sample purple 80 00 80 sample red FF 00 00 sample rosybrown BC 8F 8F sample royalblue 41 69 E1 sample saddlebrown 8B 45 13 sample salmon FA 80 72 sample sandybrown F4 A4 60 sample seagreen 2E 8B 57 sample seashell FF F5 EE sample sienna A0 52 2D sample silver C0 C0 C0 sample skyblue 87 CE EB sample slateblue 6A 5A CD sample slategray 70 80 80 sample snow FF FA FA sample springgreen 00 FF 7F sample steelblue 46 82 B4 sample tan D2 B4 8C sample teal 00 80 80 sample thistle D8 BF D8 sample tomato FF 63 47 sample turquose 40 E0 D0 sample violet EE 82 EE sample wheat F5 DE B3 sample white FF FF FF sample whitesmoke F5 F5 F5 sample yellow FF FF 00 sample yellowgreen 9A CD 32
