русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

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


Дата добавления: 2015-09-15; просмотров: 690; Нарушение авторских прав


<MARQUEE BEHAVIOR=alternate|slide GCOLOR=...

WIDTH=... HEIGHT=...> текст </MARQUEE>

 

Списки

 

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

· нумерованный,

· ненумерованный,

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

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

 

Для создания заголовка списка используется контейнер <LH>.

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

 

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

Пример:

<OL>

<LI> Первый пункт списка



<LI> Второй пункт списка

<LI> ...

</OL>

 

Тег <OL> может иметь параметры:

<OL TYPE=A|a|I|i|1 START=n>

Где

TYPE— вид счетчика:

A — большие латинские буквы (A,B,C...);

a — маленькие латинские буквы (a,b,c...);

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

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

1 — обычные цифры (1,2,3...). Используется по умолчанию.

START=n — число, с которого начинается отсчет.

 

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

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

Пример:

<UL>

<LI> Первый пункт списка



<LI> Второй пункт списка

<LI> ...

</UL>

Тег <UL> может иметь параметр:

<UL TYPE=disc|circle|square>

 

Тип тега <UL> определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square).

 

Список определений заключается в контейнер <DL>. Список состоит из двух частей: термина и его описания. Каждый термин начинается тегом <DT> , а описание — тегом <DD>.

 

Пример:

<DL>

<DT> Отдел маркетинга

<DD> Данный отдел занимается продвижением продуктов и услуг

<DT> Финансовый отдел

<DD> Данный отдел занимается всеми финансовыми операциями

<DT> Отдел кадров

<DD> Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов.

</DL>

 

Результат представлена на рисунке ниже.

 

Выполните пример 2 использования нумерованных и маркированных списков:

<ol>

<li><p style="margin-top: 0; margin-bottom: 0">132123213213</p></li>

<li><p style="margin-top: 0; margin-bottom: 0">2132132131</p></li>

</ol><ol type="I">

<li><p style="margin-top: 0; margin-bottom: 0">132123213213</p></li>

<li><p style="margin-top: 0; margin-bottom: 0">2132132131</p></li>

</ol><ol type="A">

<li><p style="margin-top: 0; margin-bottom: 0">132123213213</p></li>

<li><p style="margin-top: 0; margin-bottom: 0">2132132131</p></li>

</ol><ul>

<li><p style="margin-top: 0; margin-bottom: 0">23213213123</p></li>

<li><p style="margin-top: 0; margin-bottom: 0">123213123</p></li>

</ul>

 

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

 

 



<== предыдущая лекция | следующая лекция ==>
Графика и анимация. | Карты – изображения


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.009 сек.