|
СОСТАВ ИСПОЛЬЗУЕМОГО ОБОРУДОВАНИЯ
Используемое в процессе работы оборудование: персональное ЭВМ класса 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 % Если вводимый текст не помещается в ячейку, то в нее с помощью символов   вводят неразрывный пробел. Это необходимо для прорисовки сетки таблицы.
Что будет с Землей, если ось ее сместится на 6666 км? Что будет с Землей? - задался я вопросом... ЧТО ПРОИСХОДИТ ВО ВЗРОСЛОЙ ЖИЗНИ? Если вы все еще «неправильно» связаны с матерью, вы избегаете отделения и независимого взрослого существования... Что делает отдел по эксплуатации и сопровождению ИС? Отвечает за сохранность данных (расписания копирования, копирование и пр.)... Система охраняемых территорий в США Изучение особо охраняемых природных территорий(ООПТ) США представляет особый интерес по многим причинам... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|