Сдам Сам

ПОЛЕЗНОЕ


КАТЕГОРИИ







СОСТАВ ИСПОЛЬЗУЕМОГО ОБОРУДОВАНИЯ





 

Используемое в процессе работы оборудование: персональное ЭВМ класса IBM PC стандартной конфигурации.

Теоретическое введение

 

Списки

 

Существует три основных вида списков в HTML-документе:

· нумерованный список;

· маркированный список;

· список определений.

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

Нумерованные списки

 

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

Нумерованные списки создаются с помощью парного тега <OL>. Каждый элемент списка начинается с тега <LI>. Пример нумерованного списка, в котором нумерация осуществляется по умолчанию, показан на рис. 1.

 

 

Рис. 1. Список с нумерацией, заданной по умолчанию

 

Ter <ОL> может иметь атрибуты TYPE и START. Синтаксис:

<ОL TYPE=А|а|I|i|1 START=n>

Здесь:

· TYPE - символы списка:

§ A - прописные латинские буквы (А, В, С...);

§ а - строчные латинские буквы (а, b, с...);

§ I - большие римские цифры (I, II, III...);

§ i - маленькие римские цифры (i, ii, iii...);

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

· START=n - начальное значение списка.

Пример нумерованного списка с большими римскими цифрами показан на рис. 2.

 

 

Рис. 2. Список с нумерацией из больших римских цифр

 

Маркированные списки

 

Маркированные списки создаются с помощью парного тега <UL> (от англ. Unordered List - ненумерованный список). Каждый элемент списка начинается с тега <LI>. Тег <UL> может иметь атрибут TYPE:

<UL TYPE=disc|circle|square>

Атрибут TYPE определяет внешний вид маркера. Доступные значения:

· disc - закрашенные круглые маркеры (вариант, заданный по умолчанию);

· circle - незакрашенные круглые маркеры;

· square - квадратные маркеры.

 

 

Рис.3. Маркированный список с параметрами,

заданными по умолчанию

 

Пример маркированного списка с параметрами, заданными по умолчанию, показан на рис. 3.

Вложенные списки

 

Примеры вложенных списков показаны на рис. 4.

 

Списки определений

 

Список определений состоит из специальным образом расположенных терминов и их описаний (определений). Для создания списков определений на веб-страницах используются теги <DL>, <DT> и <DD>.

· Парный тег <DL> начинает список определений. Он включает в себя теги <DT> (помечает термин) и <DD> (помечает описание термина). Списки определений часто используют в научно-технических и учебных изданиях, оформляя с их помощью глоссарии. Тег <DL> имеет атрибуты COMPACT (современными браузерами не поддерживается), CLASS, ID, LANG и STYLE.

 

Рис.4. Вложенные списки

 

Если определяемые термины короткие, используется атрибут COMPACT, который предназначен для вывода элементов списка в компактной форме (с уменьшенным кеглем и расстоянием между строками):

<DL COMPACT>...</DL>

Атрибут COMPACT не имеет значений, синтаксис остальных атрибутов:

CLASS="Стилевой класс"

ID="Имя"

LANG=''Код языка"

STYLE=''Определение встроенного стиля"

· Тег <DT> представляет собой блочный непарный тег, который помечает текст термина в списке определений. Атрибуты тега <DT>:

CLASS="Стилевой класс"

ID="Имя"

LANG="Код языка"

 

 

Рис. 5. Список определений

 

· Тег <DD> представляет собой блочный непарный тег, который помечает текст определения в списке определений. Атрибуты тега <DD>:

CLASS="Стилевой класс"

ID="Имя"

LANG="Код языка"

STYLE="Определение встроенного стиля"

Пример списка определений показан на рис. 5.

Помимо описанных тегов, для создания логически связанных списков можно использовать теги <MENU> и <DIR>.

 

Таблицы

 

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

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

 

Основные теги таблиц

 

Создание таблиц

 

Основным тегом, описывающим таблицу, является парный тег <TABLE>. Все элементы таблицы должны находиться внутри тегов <TABLE> и </TABLE>. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER. Размер рамки может быть фиксированным или автоматически согласовываться с размерами окна просмотра браузера и размерами текста и рисунков в ячейках. Помимо своего естественного назначения (упорядочения текстовой информации), таблицы позволяют решать чисто дизайнерские задачи: выравнивать части фрагментов страниц друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением, разбивать текст на столбцы и т. д.

Тег <TABLE> имеет атрибуты ALIGN, BORDER, BACKGROUND, BGCOLOR, BORDERCOLOR, CELLPADDING, CELLSPACING, HSPACE, SPACE, COLSPEC, WIDTH.

· Атрибут ALIGN. Если атрибут ALIGN располагается внутри тегов <CAPTION> и </CAPTION>, он определяет положение подписи таблицы и может принимать значения ТОР (сверху, вариант заданный по умолчанию) и BOTTOM (снизу). Если атрибут ALIGN встречается внутри тегов <TR>...</TR>, <TH>...</TH> или <TD>...</TD>, он управляет выравниванием данных в ячейках по горизонтали и может принимать значения LEFT (слева), RIGHT (справа) или CENTER (по центру).

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

BORDER=3

· Атрибут BACKGROUND позволяет создать фоновое изображение для всей таблицы:

BACKGROUND = URL

· Атрибут BGCOLOR задает фоновый цвет.

· Атрибут BORDERCOLOR задает цвет рамки. Используется только с атрибутом BORDER, например:

<TABLE BORDER=''число" BORDERCOLOR="цвет">

· Атрибут CELLPADDING определяет расстояние от границ ячейки до ее содержимого в пикселах.

· Атрибут CELLSPACING определяет расстояние между ячейками в пикселах.

· Атрибут HSPACE задает свободное пространство слева и справа от таблицы в пикселах.

· Атрибут VSPACE задает свободное пространство сверху и снизу от таблицы в пикселах.

· Атрибут COLSPEC позволяет создать столбцы фиксированной ширины. Значение ширины задается либо в символах, либо в процентах, например:

COLSPEC="20 %"

· Атрибут WIDTH определяет ширину таблицы. Значение ширины задается либо в пикселах, либо в процентах от текущей ширины окна браузера, например:

WIDTH=256

WIDTH=100 %

Если вводимый текст не помещается в ячейку, то в нее с помощью символов &nbsp вводят неразрывный пробел. Это необходимо для прорисовки сетки таблицы.

 







Что будет с Землей, если ось ее сместится на 6666 км? Что будет с Землей? - задался я вопросом...

ЧТО ПРОИСХОДИТ ВО ВЗРОСЛОЙ ЖИЗНИ? Если вы все еще «неправильно» связаны с матерью, вы избегаете отделения и независимого взрослого существования...

Что делает отдел по эксплуатации и сопровождению ИС? Отвечает за сохранность данных (расписания копирования, копирование и пр.)...

Система охраняемых территорий в США Изучение особо охраняемых природных территорий(ООПТ) США представляет особый интерес по многим причинам...





Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:


©2015- 2024 zdamsam.ru Размещенные материалы защищены законодательством РФ.