Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

Пронуменрованный 2) непронуменрованный 3) список описаний

⇐ ПредыдущаяСтр 6 из 10Следующая ⇒

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

Пронумерованные списки. В пронумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны. Пронумерованный список начинается стартовым тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>. Например:

<OL> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование
</OL>

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

где:

TYPE Вид счетчика:

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

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

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

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

o 1 - обычные цифры (1,2,3...)

START=n Число, с которого начинается отсчет. Например: <OL TYPE=I START=15>
<LI> Программирование
<LI> Алгоритмизация <LI>Проектирование </OL>

Непронумерованные списки. Для непронумерованных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера. Непронумерованный список начинается стартовым тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>. Например:

<UL> <LI> Программирование <LI> Алгоритмизация
<LI> Проектирование </UL>

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

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

<UL TYPE=square>
<LI>Программирование <LI> Алгоритмизация <LI> Проектирование
</UL>

19) HTML.Теги input, select, textarea. Примеры использования.

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

NAME Определяет название поля; обязателен

ROWS Устанавливает высоту поля, т. е. число строк в нем

COLS Устанавливает ширину поля, т. е. длину строки

<TEXTAREA> Какой-то текст

</TEXTAREA>

</FORM></BODY></HTML>

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

<TEXTAREA COLS="20" NAME="txtData"

ROWS="5">

Это текст TextArea </TЕХТАRЕА>

Тег select. Атрибуты тега select. Пример использования.

Этот тег используется для создания всплывающего меню или списка опций с полосой прокрутки. Список опций и пункты меню располагаются внутри контейнера SELECT. Аналогично тегу <TEXTAREA>, <SELECT> требует обязательного определения имени в атрибуте NAME. Количество опций указывается в атрибуте SIZE. Ниже перечислены атрибуты тега <SELECT>.

NAME Определяет название информации

SIZE Определяет вертикальный размер окна для опций выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опций. Если указано число больше единицы, то опции выводятся в окне с полосой прокрутки. Если значение атрибута больше, чем фактическое количество элементов списка, добавляются пустые строки. При их выборе пользователем возвращаются пустые поля

MULTIPLE Позволяет выбирать сразу нескольких

Опций

Список опций включается в контейнер <SELECT> при помощи тега <OPTION>. Этот тег имеет два атрибута, которые описаны в таблице 20.

VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опции пользователем

SELECTED Указывает на опцию, выбранную по умолчанию

Пример1:

Ниже приведено содержимое двух HTML-документов, содержащих похожие формы. Во втором документе предварительно выбран один элемент из списка (добавлен атрибут SELECTED).

<HTML><BODY> Выберите время года: <FORM>

<OPTION SELECTED VALUE="winter">зима

<OPTION VALUE="spring">весна<OPTION VALUE="summer">лето

<OPTION VALUE="autumn">осень</SELECT></FORM></BODY></HTML>

Пример2:

Выберите время года:<FORM>

<SELECT MULTIPLE NAME="year"><OPTION SELECTED VALUE="winter">зима

<OPTION VALUE="spring">весна<OPTION VALUE="summer">лето

<OPTION VALUE="autumn">осень

</SELECT></FORM></BODY></HTML>

Тег input. Атрибутытега input. Пример использования.

Тег <INPUT> в отличие от <TEXTAREA> и <SELECT> является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear).

NAMESIZE Указывает размер поля ввода в символах.

MAXLENGTH Определяет максимально возможное число символов, вводимых в поле.

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

CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С другими типами тегов <INPUT> не употребляется.

TYPE Устанавливает тип поля ввода.

Тип поля ввода, атрибут TYPE

Атрибут TYPE тега <INPUT> может принимать следующие значения.

TEXT Является значением по умолчанию и предполагает создание одной строки для ввода данных. Для этого типа поля ввода употребляются атрибуты NAME (обязательный), SIZE, VALUE и MAXLENGTH

PASSWORD Позволяет заменять вводимые символы пароля звездочками. Для этого типа поля ввода используются атрибуты NAME (обязательный), SIZE, MAXLENGTH и VALUE.

CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опции "галочкой". Может использоваться совмес-тно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленный по умолчанию флажок). Флажки обычно употребляются, когда можно выбрать сразу несколько опций из числа предложенных. Нужно быть очень осторожным в использовании флажков и переключателей, если цвет фона страницы определяется не документом, а пользователем при помощи установок программы просмотра. Нельзя допускать, чтобы опции сливались с фоном страницы.

RADIO Позволяет выбрать только одну из представленного числа опций. Переключатели можно группировать, задавая одно и то же значение атрибута NAME (обязательный). Так же используются атрибуты VALUE и CHECKED.

Пример:В следующей форме используется значение TEXT.

<FORM>Введите номер телефона: <INPUT TYPE="TEXT" NAME="phone" SIZE="15" MAXLENGTH="12"></FORM></BODY></HTML>

CSS. Наследование.Примеры использования.

HTML-код имеет иерархическую структуру. Весь документ кодируется внутри тегов <body>...</body>. Внутри абзаца <Р> могут содержаться элементы, размеченные тегами <B> и т. д.Наследование стилей означает, что если определен какой-то стиль для тега <body>, то этот стиль будет относиться ко всем тегам документа. Соответственно, если задан стиль для некоторого тега, то все теги, расположенные внутри него в HTML-программе, также будут обладать этим стилем.

Пусть для тега < Р > задан стиль:

P {color: red;

font-size: 14pt;

font-family: Arial,sans-serif}

Тогда содержимое тега < ЕМ >, помещенного внутрь абзаца, будет также выведено на экран рубленым шрифтом красного цвета размером в 14 пунктов.

Например:

<Р>

Стилевые определения обладают свойством <ЕМ>наследования</ЕМ>.

Если нужно, например, добавить для тега <ЕМ>разрядку текста, то это задается дополнительно:

<HTML>

<HEAD>

<TITLE>Дополнительное стилевое указание

</TITLE>

<!--

P {color:red;font-size:14pt;

font-family:Arial,sans-serif}

-->

</STYLE></HEAD>

<P>

Стилевые определения обладают свойством

наследования

</EM></BODY></HTML>

Содержимое тега <ЕМ>выводится так же, как и содержимое тега <Р>, внутри которого он содержится (рубленым шрифтом в 14 пунктов красного цвета), но благодаря дополнительному определению style="letter-spacing: 6pt"между буквами появляются добавочные промежутки в 6 пунктов.

Внутри тега-потомка можно не только ввести дополнительные стилевые определения, но и переопределить стилевые свойства родителя.

⇐ Предыдущая 1 2 3 4 567 8 9 10 Следующая ⇒

Читайте также:

Где возникла философия и почему?

Относительная высота сжатой зоны бетона

Сущность проекции Гаусса-Крюгера и использование ее в геодезии

Тарифы на перевозку пассажиров

Последнее изменение этой страницы: 2017-02-10; просмотров: 127; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.221.53.209 (0.013 с.)