Цветовая схема, вставка изображений, гиперссылок и таблиц 


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Цветовая схема, вставка изображений, гиперссылок и таблиц



Web-сайты обычно являются мультимедийными и интерактивными, т.е. содержат изображения и гиперссылки. При форматировании текста, вставки изображений и гиперссылок и т.д. используются тэги с атрибутами.

Атрибуты и присвоенные им значении записываются внутри открывающего тэга. В одном тэге можно использовать несколько атрибутов, разделенных между собой пробелами, а одни и те же атрибуты могут использоваться в различных тэгах.

 

3.1. Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок).

Цвет на Web-странице задают либо его названием, либо числовым шести разрядным шестнадцатеричным кодом #RRGGBB (первые два разряда задают интенсивность красного цвета, вторые — зеленого и третьи — синего).

Значение яркости цвета может меняться от минимальной 00 до максимальной FF. В таблице приведены примеры некоторых цветов:

цвет код название цвет код название
черный #000000 black фиолетовый #FF00FF magenta
белый #FFFFFF white бирюзовый #00FFFF cyan
красный #FF0000 red желтый #FFFF00 yellow
зеленый #00FF00 lime золотой #FFD800 gold
синий #0000FF blue оранжевый #FFA500 orange
серый #808080 gray коричневый #A82828 brown

 

Основную цветовую схему Web-страницы можно задать в тэге <BODY> с помощью атрибутов:

Цвет фона................................................................ BGCOLOR="#RRGGBB"

Текстура фона......................................................... BACKGROUND="file_name"

Цвет текста.............................................................. TEXT="#RRGGBB"

Цвет текста ссылки................................................. LINK="#RRGGBB"

Цвет текста активной ссылки............................... ALINK="#RRGGBB"

Цвет текста просмотренной ссылки................... VLINK="#RRGGBB"

 

При использовании текстуры, закрывающей собой всю площадь страницы, применение однотонного фона кажется излишним. Однако рисунки загружаются несколько медленнее, чем текст. Все это время посетители страницы будут видеть цвет фона, заданный атрибутом BGCOLOR. Поэтому для фона указывают цвет, совпадающий с основным тоном фонового рисунка.

Чтобы текст хорошо читался, цвета на странице подбирают контрастирующие по яркости: пастельный фон - темный текст, или темный фон - светлый текст. Нежелательны буквы белого цвета - они могут оказаться невидимыми при распечатывании страницы на принтере.

Вставка изображений.

Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG и PNG

Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла.

<IMG SRC="image_name">

Если рядом с изображением не должно быть текста, ее размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге <Р>. К изображению атрибутом <ALT> можно добавить название, которое появляется на экран или вместо иллюстрации (если по какой-либо причине графика не выводится в окне браузера), или в качестве всплывающий строки, при указании на рисунок мышью.

В тэге IMG с помощью атрибутов WIDTH (ширина) и HEIGHT (высота) можно указать размер выводимой картинки (в пикселах).

Атрибут ALIGN выравнивает текст по верхнему краю, середине или нижнему краю изображения, справа или слева от него с помощью значений: top, bottom, middle, left или right.

<IMG

SRC="carsk.gif"

WIDTH="30"

HEIGHT="75"

ALIGH="left">

Таблицы.

Таблицу формируют несколько различных тэгов. Таблица задается контейнером <TABLE></TABLE>, внутри которого содержится описание структуры таблицы и ее содержания.

Любая таблица состоит из строк, которые задаются контейнером <TR></TR> (Table Row), в который помещается описание ячеек.

Формат ячеек и их содержание помещается в контейнер <TD></TD> (Table Data), а заголовки ячеек в контейнер <ТН></ТН> (Table Header).

Толщина разделительных линий в таблице задается с помощью атрибута BORDER, а для выравнивания информации внутри ячейки по горизонтали применяют атрибут ALIGN,

Пример: Создать таблицу и внести в нее данные о башнях Кремля:

<TABLE border»"1">

<TR>

<ТН>Башня</ТН

<ТН>Год сооружения</ТН>

<ТН>Архитектор</ТН>

<ТН>Высота</ТН>

</TR>

<TR>

<ТО>Спасская</ТО>

<TD align="center">149K/TD>

<TD align="center">П.Соларио</ТО>

<TD align="center">7K/TD>

</TR>

<TR>

<ТО>Беклемишевская</ТО>

<TD align="center">1487</TD>

<TD align="center">M.Руффо</ТЭ> \

<TD align="center">46</TD> 3

</TR>

</TABLE> I

 

 



Поделиться:


Последнее изменение этой страницы: 2017-01-24; просмотров: 594; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.220.66.151 (0.005 с.)