русс | укр

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

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

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

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


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

Неупорядоченный список


Дата добавления: 2013-12-23; просмотров: 1382; Нарушение авторских прав


Списки

Marquee - бегущая строка (текста)

Font

Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.

Атрибуты:

SIZE – определяет размер шрифта. Возможные значения:

· целое число от 1 до 7;

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

COLOR – определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Обратите внимание, что значению цвета обязательно должен предшествовать значок «решетка» - #, если он задается RGB-значением.

FACE – определяет используемый шрифт. Стандартными шрифтами, которые находятся на компьютере каждого пользователя, являются:

· Times;

· Times New Roman;

· Arial;

· Helvetica;

· Courier;

· Verdana;

· Tahoma;

· Cosmic Sans;

· Garamond

Любой из этих шрифтов можно использовать безбоязненно. В атрибуте face можно указать сразу несколько типов шрифтов:

<font face="arial, verdana, courier"> текст (шрифт Arial) </font>

 

В этом случае если не окажется на компьютере шрифта Arial, то текст будет отображен шрифтом Verdana. Если и Verdana нет на компьютере, то текст будет отображен шрифтом Courier. Т.е. в атрибуте face мы можем задать список разделенных запятыми названий шрифтов, которые браузер вашего посетителя должен попытаться найти у него на компьютере и отобразить в порядке приоритета.

 

 

Пример:

<FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT>

<FONT SIZE="3" FACE="Courier New" COLOR="Magenta">Моноширинный фиолетовый текст 3 размера</FONT>



 

 

 

EM – Emphasis

Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тегами. Результат обычно отображается курсивом. То есть элемент EM по действию практически аналогичен элементу I.

Пример:

Порой в России встречаются <EM>действительно талантливые</EM> веб-мастера. Но только не друг с другом.

 

 

 

STRONG – Stronger emphasis

Усиленное выделение. Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом. То есть элемент STRONG практически аналогичен по действию элементу B.

Пример:

Я <STRONG>сильный</STRONG>, но легкий.

 


 

TT – Tele Type

Данный элемент отображает помещенный между начальным и конечным тегами текст моноширинным шрифтом. Это шрифт с символами одинаковой фиксированной ширины, как шрифт у пишущей машинки.

Пример:

<TT>Привет:) Давай дружить</TT>

 

Также моноширинным шрифтом отображается текст, заключенный в тег <pre></pre>:

<pre>

текст (куча пробелов) текст

текст (куча пробелов) текст

текст (куча пробелов) текст

</pre>

 

У тега <pre> есть одна замечательная особенность: текст, заключенный в него, выводится с точностью до пробела так, как вы его набили в блокноте. Этот тег вам может быть полезен, допустим, для форматирования стихотворений.

 

 

KBD – Keyboard

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

Пример:

Чтобы войти в систему наберите <KBD> "GUEST" </KBD> заглавными буквами.

 

 

 

CITE – Citation

Оформляет находящийся между начальным и конечным тегами текст как цитату или ссылку на источник. Обычно используется для коротких цитат (в отличие от элемента BLOCKQUOTE). Цитируемый текст отображается курсивом.

Пример:

Как сказал классик:<BR>

<CITE>"Грамотное написание HTML способствует пищеварению"</CITE>

 

 

 

Текст, который мы помещаем в теге <marquee></marquee>, становится бегущей строкой.

Атрибуты:

bgcolor - цвет фона бегущей строки.

height - высота строки.

width - ширина строки.

Пример:

<marquee height="10" width="270" bgcolor="#99CCFF">

Бегущая строка, высота - 10, ширина - 270 пикселов, фон - 99CCFF

</marquee>

 

vspace - задает расстояние между текстом и бегущей строкой по вертикали. Расстояние задается в пикселях.

hspace - задает расстояние между текстом и бегущей строкой по горизонтали. Расстояние задается в пикселях.

Align - отвечает за выравнивание бегущей строки на экране.

 

loop – задает, сколько раз прокрутится строка. Здесь она прокручивается всего 2 раза:

<marquee height="10" width="270" loop="2">

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

</marquee>

Direction - задает направление движения бегущей строки - direction="left" (right, up, down) - движение влево (вправо, вверх, вниз).

Behavior - поведение строки - behavior="scroll" (slide, alternate). Scroll - обычная прокрутка (можно не прописывать, оно так и есть по умолчанию). Slide - прокрутка с остановкой, строка пробегает до края и останавливается. Если одновременно с behavor="slide" употребить параметр loop, то строка прокрутится установленное количество раз и остановится у края. Alternate - строка будет двигаться от края к краю.

Scrollamount - скорость движения строки, scrollamount="1". Может принимать значения от 1 до 10. 1 - самое медленное движение, 10 - самое быстрое.


 

Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

Элементы:

· UL — Создает неупорядоченный список

· OL — Создает упорядоченный список

· LI — Создает пункт меню внутри элементов OL или UL.

· MENU, DIR — Создает неупорядоченный список, подобный UL. Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры могут распознавать их в целях обратной совместимости. Элемент DIR был разработан для создания списка из нескольких столбцов. Элемент MENU был разработан для создания списка в один столбец. Оба элемента имеют ту же структуру, что и UL, но другое представление. Авторам же рекомендуется использовать вместо MENU и DIR элемент UL.

· DL — Открывает и закрывает список определений. Определения задаются с помощью элементов DT и DD. Атрибуты:

COMPACT – включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный атрибут является флагом и не требует присвоения значения.

Пример:

<DL COMPACT>

<DT>Жапура<DD>Река в Колумбии и Бразилии

<DT>Зайцы<DD>Семейство млекопитающих отряда зайцеобразных

...

</DL>

 

Другая сфера применения DL это, например, создание диалогов, где каждый DT именует говорящего, а каждый DD содержит его, её слова.

· DT — Создает термин в списке определений внутри элемента DL

· DD — Создает определение термина внутри элемента DL

LI – List Item

Создает пункт в списке. Располагается внутри элементов OL или UL.

Атрибуты:

VALUE – изменяет порядок нумерации элементов списка. Используется, только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

Пример:

<OL TYPE="A" START="2">

<LI> Пункт, озаглавленный буквой B. </LI>

<LI VALUE="6"> Пункт, озаглавленный буквой F. </LI>

<LI> Пункт, озаглавленный буквой G. </LI>

</OL>

 

Type — отвечает за стиль элемента списка, визуально это выглядит так:

Disc – жирный круг ●

Circle – полый круг ○

Square – жирный квадрат ■

Пример:

<li type="disc"> текст

<li type="circle"> какой-то текст

<li type="square"> ещё текст

 

Атрибут type может вводиться не только для каждого элемента списка <li>, но и для всего списка в целом:

<ul type="square">

<li>Текст один

<li>Текст другой

<li>Текст сякой

<li>Текст эдакий

</ul>

 

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

Пример:

<UL>

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

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

<LI> Третий пункт списка </LI>

</UL>

 

Очень часто тег <ul></ul> используется кодерами немного нестандартно, для создания отступа (табуляции). Если вы пользуетесь текстовыми редакторами (допустим Microsoft Word), то вы знаете, что там есть табуляция (это когда вы жмете на кнопку Tab и весь текст сдвигается, допустим, вправо), тоже самое можно сделать средствами html:

<ul>Ваш текст</ul>

 

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

<ul><ul>Два отступа</ul></ul>

<ul><ul><ul>Три отступа</ul></ul></ul>

 


 



<== предыдущая лекция | следующая лекция ==>
Base Font | Лекция2. Способы передачи голосовых пакетов по IP-сетям


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


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

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

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


 


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

 
 

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

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