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

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

 

 

Иногда полезно разделять смысловые части документа горизонтальной чертой. Это делается с помощью одиночного тега <HR>. Его атрибуты:

SIZE – толщина линии в пикселях. По умолчанию 1 пиксель.

WIDTH – длина линии в пикселях или процентах от ширины экрана. По умолчанию 100%.

ALIGN – выравнивание линии, возможные значения: LEFT, CENTER, RIGHT. По умолчанию LEFT.

COLOR – цвет линии. По умолчанию GRAY.

NOSHADE – линия рисуется без тени. По умолчанию тень есть.

 

Пример. Код, в котором использованы теги <BR> и <HR>:

<B> Жизненная позиция </B>

<HR NOSHADE WIDTH=250>

Хорошо на свете жить, <BR>

Информатику учить! <BR>

<HR SIZE=4 ALIGN=CENTER>

 

Бегущая строка

Можно заставить текст двигаться по экрану влево или вправо с помощью парного тега

<MARQUEE> текст </MARQUEE>.

Тег имеет атрибуты:

Width – ширина поля бегущей строки (в пикселях или процентах от ширины окна);

Height - высота поля бегущей строки (в пикселях);

Direction – определяет направление движения строки. Может принимать следующие значения: left, right;

Behavior – определяет способ движения строки. Может принимать значения: scroll – текст появляется от одного края и скрывается за другим;

Slide – текст вытягивается с одного края и останавливается у другого;

Alternate – попеременное движение от одного края к другому и обратно.

Bgcolor – цвет поля бегущей строки.

Оформление списков

Списки облегчают нахождение нужной информации при перечислении сведений, объединенных общим смыслом: пункты меню, списки товаров, перечень сотрудников и т. п.

В HTML предусмотрено несколько вариантов оформления списков, которые чаще всего используются в документации. Здесь будут рассмотрены только маркированные и нумерованные списки.

 

Для того чтобы оформить фрагмент документа в виде маркированного списка, его помещают в контейнер <UL>… </UL> (Unordered List).

Для нумерованного – в контейнер <OL> … </OL> (Оrdered List).

Затем текст в контейнере разбивается на отдельные пункты списка тегами <LI> (List Item – элемент списка). Закрывающий тег </LI> в конце каждого пункта ставить необязательно.

В маркированном списке все пункты автоматически помечаются одинаковыми маркерами, в нумерованном – элементы нумерует сам браузер.

 

Примеры кода:

< UL> Список дисциплин:                               <OL> Список дисциплин:

  <LI> Информатика                                          <LI> Информатика

  <LI> Физика                                                    <LI> Физика

  <LI> История                                                  <LI> История

</UL>                                                                  </OL>

Это дает на экране следующие списки:

Список дисциплин:                                       Список дисциплин:

· Информатика                                                 1. Информатика

· Физика                                                             2. Физика

· История                                                  3. История

Можно организовать многоуровневые списки (разумно ограничиться тремя уровнями вложения). Для этого после каждого <LI> следует разместить контейнеры <UL>… </UL> или <OL> … </OL> с разбивкой информации этого пункта на дополнительные подпункты.

В теге < OL> могут использоваться следующие атрибуты:

TYPE – определяет стиль оформления меток для элементов списка, подробнее ниже;

START – (только для нумерованного списка <OL>) определяет значение первого элемента списка, задается всегда числом (по умолчанию 1). В зависимости от значения атрибута TYPE этому числу сопоставляются разные символы, подробнее ниже;

VALUE – (только для метки <LI> списка <OL>) устанавливает номер текущего элемента списка. Как и в предыдущем случае, метка пункта может быть нечисловой, хотя значение атрибута – всегда число.

Для нумерованного списка в зависимости от стиля нумерации значением атрибута TYPE могут быть:

1 – арабские цифры (1,2,3,...)

a – строчные буквы (a, b, c,…)

A – прописные буквы (A,B,C,...)

i – римские цифры строчные (i,ii,iii,...)

I – римские цифры прописные (I,II,III,...)

По умолчанию значения TYPE устанавливаются в зависимости от степени вложенности списка.

Число, указанное в атрибуте START, показывает порядковый номер элемента в ряду знаков, заданных в TYPE. С этого элемента следует начинать нумерацию пунктов списка.

 

ЗАДАНИЯ ДЛЯ САМОСТОЯТЕЛЬНОГО ВЫПОЛНЕНИЯ ОБУЧАЮЩИМИСЯ:

Задание 1. Создайте шаблон документа HTML.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: