Файловый архив студентов. Файловый архив студентов.
1261 вуз, 4607 предмет.
/ Регистрация
FAQ Обратная связь Вопросы и предложения
Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Санкт-Петербургский государственный университет
Предмет:
[НЕСОРТИРОВАННОЕ]
Файл:
Все теги A-Z.doc
Скачиваний:
1
Добавлен:
20.08.2019
Размер:
1.53 Mб
Скачать
☆
►Содержание►

Синтаксис

<kbd>Текст</kbd>

Закрывающий тег

Обязателен.

Пример 1. Использование тега <KBD>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> KBD { font-weight: bold /* Жирное начертание */ } </style> </head> <body>

<p>Для быстрого закрашивания выделенной области цветом переднего плана используйте комбинацию клавиш <kbd><Alt>+<Backspace></kbd> или <kbd><Alt>+<Delete></kbd>. Для закрашивания выделенной области фоновым цветом воспользуйтесь комбинацией <kbd><Ctrl>+<Backspace></kbd> или <kbd><Ctrl>+<Delete></kbd>.</p>

</body> </html>

Результат данного примера показан ниже.

Для быстрого закрашивания выделенной области цветом переднего плана используйте комбинацию клавиш <Alt>+<Backspace> или <Alt>+<Delete>. Для закрашивания выделенной области фоновым цветом воспользуйтесь комбинацией <Ctrl>+<Backspace> или <Ctrl>+<Delete>.

Тег LABEL

Описание

Тег <LABEL> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы INPUT. Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст. Кроме того, с помощью <LABEL> можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.

Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри тега INPUT и указании его имени в качестве параметра for тега <LABEL>. При втором способе тег <INPUT> помещается внутрь контейнера <LABEL>.

Синтаксис

<input id="идентификатор"> <label for="идентификатор">Текст</label> <label><input type="..."> Текст</label>

Параметры

accesskey

Доступ к элементам формы с помощью горячих клавиш.

for

Идентификатор элемента <INPUT>, с которым следует установить связь.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <LABEL>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form> <b>Lorem ipsum dolor sit amet...</b><br> <input type="checkbox" id="check1"><label for="check1">Lorem</label><br> <input type="checkbox" id="check2"><label for="check2">Ipsum</label><br> <input type="checkbox" id="check3"><label for="check3">Dolor</label><br> <input type="checkbox" id="check4"><label for="check4">Sit amet</label> </form> </body> </html>

Описание параметров тега <LABEL>

Параметр ACCESSKEY

Описание

Определяет горячую клавишу, с помощью которой происходит переход фокуса к элементу формы. Такая горячая клавиша должна использоваться совместно с управляющей кнопкой <Alt> и не зависит от регистра.

Параметр работает только для браузера Internet Explorer под Windows.

Синтаксис

<label accesskey="клавиша">...</label>

Аргументы

Любой доступный латинский символ.

Значение по умолчанию

Нет.

Пример 2. Добавление горячей клавиши

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>

<form> <input type=checkbox id="t1"><label for="t1" accesskey="g">Нажмите <Alt>+<g>, чтобы перейти к разделу "Игры".</label> </form>

</body> </html>

Параметр FOR

Описание

Задает уникальный идентификатор, определяемый с помощью атрибута id элемента <INPUT>, с которым следует установить связь. Параметр for необходимо задавать в том случае, когда элемент формы и текст разделены. Если <INPUT> размещается внутри контейнера <LABEL>, то применять параметр for не требуется.

Синтаксис

<label for="идентификатор">...</label>

Аргументы

Имя идентификатора. Такое имя чувствительно к регистру, поэтому его следует писать так же, как оно описано внутри элемента <INPUT>.

Значение по умолчанию

Нет.

Пример 3. Использование параметра for

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>

<form> <input type="radio" name="l" id="radio1"><label for="radio1">Lorem ipsum</label><br> <input type="radio" name="l" id="radio2"><label for="radio2">Dolor sit amet</label> </form>

</body> </html>

Тег LEGEND

Описание

Тег <LEGEND> применяется для создания заголовка группы элементов формы, которая определяется с помощью тега <FIELDSET>. Группа элементов, отмеченная с помощью <FIELDSET>, обозначается в браузере с помощью рамки, а текст, который располагается внутри контейнера <LEGEND>, встраивается в эту рамку (рис. 1).

Рис. 1. Результат использования тега <LEGEND>

Синтаксис

<fieldset>  <legend>Текст</legend> </fieldset>

Параметры

align

Определяет выравнивание текста.

title

Добавляет всплывающую подсказку к тексту заголовка.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <LEGEND>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>

<fieldset> <legend>Работа со временем</legend> <input type="checkbox"> создание пунктуальности (никогда не будете никуда опаздывать);<br> <input type="checkbox"> излечение от пунктуальности (никогда никуда не будете торопиться);<br> <input type="checkbox"> изменение восприятия времени и часов. </fieldset>

</body> </html>

Описание параметров тега <LEGEND>

Параметр ALIGN

Описание

Выравнивание текста заголовка по краю. В браузере Opera атрибут не работает.

Синтаксис

<legend align="left | center | right">...</legend>

Аргументы

left

Выравнивание текста по левому краю.

center

Выравнивание по центру.

right

Выравнивание по правому краю.

Значение по умолчанию

left

Пример 2. Выравнивание заголовка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <fieldset> <legend align="right">Lorem ipsum dolor sit amet</legend> ... </fieldset> </body> </html>

Параметр TITLE

Описание

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

Синтаксис

<legend title="текст">...</legend>

Аргументы

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Нет.

Пример 3. Добавление всплывающей подсказки

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <fieldset> <legend title="Lorem ipsum...">Lorem ipsum dolor sit amet</legend> ... </fieldset> </body> </html>

Тег LI

Описание

Тег <LI> определяет отдельный элемент списка. Внешний тег <UL> или <OL> устанавливает тип списка — маркированный или нумерованный.

Синтаксис

<ul>  <li>элемент маркированного списка</li> </ul> <ol>  <li>элемент нумерованного списка</li> </ol>

Параметры

type

Устанавливает вид маркера нумерованного или маркированного списка.

value

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

Закрывающий тег

Не обязателен.

Пример 1. Использование тега <LI>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <ul>   <li>Чебурашка</li>   <li>Крокодил Гена</li>   <li>Шапокляк</li> </ul> </body> </html>

Примечание

Для создания маркированного списка необязательно использовать тег <UL>, достаточно одного тега <LI>.

Описание параметров тега <LI>

Параметр TYPE

Описание

Устанавливает вид маркера. Тип маркера и его значение зависит от внешнего контейнера <UL> или <OL>.

Синтаксис

<li type="disc | circle | square"> <li type="A | a | I | i | 1">

Аргументы

Для маркированного списка (тег <UL>) маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значения параметра type и получаемый вид показан в табл. 1.

Табл 1. Параметры маркированного списка

Код

Пример

<li type="disc">

 Чебурашка

 Крокодил Гена

 Шапокляк

<li type="circle">

 Чебурашка

 Крокодил Гена

 Шапокляк

<li type="square">

 Чебурашка

 Крокодил Гена

 Шапокляк

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега <OL>, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

  • заглавные латинские буквы;

  • строчные латинские буквы;

  • заглавные римские цифры;

  • строчные римские цифры;

  • арабские цифры.

В табл. 2 приведены различные значения параметра type тега <LI> и результат их применения.

Табл 2. Параметры нумерованного списка

Код

Пример

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

  1. Чебурашка

  2. Крокодил Гена

  3. Шапокляк

<ol> <li type="a"> </ol>

  1. Чебурашка

  2. Крокодил Гена

  3. Шапокляк

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

  1. Чебурашка

  2. Крокодил Гена

  3. Шапокляк

<ol> <li type="i"> </ol>

  1. Чебурашка

  2. Крокодил Гена

  3. Шапокляк

<ol> <li type="1"> </ol>

  1. Чебурашка

  2. Крокодил Гена

  3. Шапокляк

Значение по умолчанию

disc и 1

Аналог CSS

list-style-type

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>   <li type="square">Чебурашка</li>   <li type="square">Крокодил Гена</li>   <li type="square">Шапокляк</li> </body> </html>

Параметр VALUE

Описание

Параметр value устанавливает номер, с которого будет начинаться список. Атрибут value применяется только для нумерованных списков, когда тег <LI> находится внутри контейнера <OL>. При этом не имеет значения, какой тип списка установлен с помощью параметра type, аргумент value одинаково работает и с римскими и с арабскими числами.

Синтаксис

<li value="число">

Аргументы

Любое целое положительное число.

Значение по умолчанию

1

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <ol>   <li type="I" value="48">Чебурашка</li>   <li type="I">Крокодил Гена</li>   <li type="I">Шапокляк</li> </ol> </body> </html>

Описание

Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <A>, тег <LINK> размещается всегда внутри контейнера <HEAD> и не создает ссылку.

Синтаксис

<head>  <link href=...> </head>

Параметры

href

Путь к связываемому файлу.

rel

Определяет отношения между текущим документом и файлом, на который делается ссылка.

type

MIME-тип данных подключаемого файла.

Закрывающий тег

Не требуется.

Пример 1. Использование тега <LINK>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="ie.css"> <link rel="stylesheet" type="text/css" href="nc.css"> </head> <body> ... </body> </html>

Описание параметров тега <LINK>

Параметр HREF

Описание

Путь к файлу, на который делается ссылка (URL). Браузер Netscape 4 вместо параметра href использует src, если вы ориентируете сайт на этот браузер, добавляйте оба параметра к тегу <LINK>. Параметр href является обязательным.

Синтаксис

<link href="URL">

Обязательный параметр

Да.

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

Пример 2. Ссылка на файл

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link href="http://www.htmlbook.ru/ie/rus/x3.css"> </head> <body> ... </body> </html>

Параметр REL

Описание

Параметр rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ. HTML 4 различает следующие значения параметра rel: alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, index, next, prev, section, start, stylesheet, subsection. Браузеры, как правило, из этого списка понимают только параметр stylesheet.

Синтаксис

<link rel="тип">

Аргументы

stylesheet

Определяет, что подключаемый файл хранит таблицу стилей (CSS).

Значение по умолчанию

Нет.

Пример 3. Добавление таблицы стилей

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="hb.css"> </head> <body> ... </body> </html>

Параметр TYPE

Описание

Сообщает браузеру, какой MIME-тип данных используется для внешнего документа. Как правило, применяется для того, чтобы указать, что подключаемый файл содержит CSS.

Синтаксис

<link type="MIME-тип">

Аргументы

Имя MIME-типа в любом регистре. Для подключаемых таблиц связанных стилей применяется тип text/css.

Значение по умолчанию

Нет.

Пример 4. Использование параметра type

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="/styles/htmlbook.css"> </head> <body> ... </body> </html>

Описание

Тег <MAP> служит контейнером для элементов <AREA>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <MAP> — в связывании тега <IMG> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в теге <IMG>, задаваемого параметром usemap, так и в теге <MAP>, устанавливаемого атрибутом name.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]
Помощь Обратная связь Вопросы и предложения Пользовательское соглашение Политика конфиденциальности