Add to collection(s) Add to saved
  1. No category

Элементы и символы HTML

advertisement 
ЭЛЕМЕНТЫ И СИМВОЛЫ HTML
(Готовится продолжение)
Элементы языка HTML
Базовые дескрипторы
Тип документа
Имя документа
Шапка документа
Тело документа
Начало и конец файла
Должно быть в заголовке
Описание документа
Содержимое страницы
<html> </html>
<title> </title>
<head> </head>
<body> </body>
Дескрипторы определения структуры документа
Заголовок
<hn> </hn>
п — значение от 1 до 6
Заголовок
<hn align=left  center  right> </hn>
с выравниванием
Секция
<div> </div>
Секция
<div align=lef1  right center> </div>
с выравниванием
Цитата
<blockquote> </blockquote>
Обычно выделяется отступом
Выделение
<em> </em>
Обычно отображается курсивом
Дополнительное
<strong> </strong>
Обычно отображается полужирным
выделение
шрифтом
Ссылка, цитата
<cite> </cite>
Обычно — курсив
Код
<code> </code>
Для листингов и программных кодов
Пример вывода
<samp> </samp>
Ввод с клавиатуры
<kbd> </kbd>
Переменная
<var> </var>
Определение
<dfn> </dfn>
Часто не поддерживается
Адрес автора
<address> </address>
Крупный шрифт
<big> </big>
Мелкий шрифт
<small> </small>
Дескрипторы определения внешнего вида документа
Полужирный шрифт
<ь> </ь>
Курсив
<i> </i>
Подчеркнутый текст
<u> </u>
Часто не поддерживается
Перечеркнутый текст <strike> </strike>
Часто не поддерживается
Перечеркнутый текст <s> </s>
Часто не поддерживается
Верхний индекс
<sup> </sup>
Нижний индекс
<sub> </sub>
Моноширинный
<tt> </tt>
Отображается, как шрифт
шрифт (как на
фиксированной ширины
пишущих машинках)
Форматированный
<pre> </pre>
Сохраняет формат текста как есть
Форматированный
<pre width=n> </pre>
n — цифровое значение
с установкой ширины
Центрированный
<center> </center>
Как для текста, так и для графики
Мигающий
<blink> </blink>
Наиболее осмеянный элемент
Размер шрифта
<font size=n> </font>
n — значение от 1 до 7
Изменить размер
<font size="+l-n"> </font>
Плюс (+) — увеличить, минус (–) —
шрифта
уменьшить на значение n)
Базовый размер
<basefont size=n>
От 1 до 7; по умолчанию — 3
шрифта
1
Цвет шрифта
Выбор шрифта
Многоколонный текст
Пространство между
колонками
Ширина колонки
<font color="color"> </font>
<font face="font"> </font>
<multicol cols=n> </multicol>
<multicol gutter=n> </multicol>
color — значение цвета
font — имя шрифта
n — число колонок
По умолчанию п = 10 точек
Пустой блок
Тип пустого блока
<spacer>
<spacer type=horizontal  vertical  block>
<multicol width=n> </multicol>
Величина пустого
opacer size=n>
блока
Размеры пустого блока <spacer width=n height=n>
Выравнивание пустого <spacer align=lef1  right  center>
блока
Дескрипторы описания ссылок и графики
Ссылка
Ссылка на закладку
<a href=”url"> </a>
<a href="url#***"> </a>
В другом документе
<a href="#***"> </a>
В том же документе
Ссылка на другое окно <a href="url" target="*** _blankl_self _parent _top"> </a>
Определение закладки <a name="***"> </a>
Отношение
<a rel="***"> </a>
Обратное отношение
Графика
Графика с
выравниванием
То же (другой вариант)
Часто не поддерживается
<а rev="***"> </a>
Часто не поддерживается
<img src="url">
<irag src="url" align=top  bottom middle  left  right>
<img src="url" align=texttop  absmiddle  baseline  absbottom>
Альтернативный вывод <img src="url" alt="***">
Карта
Локальная карта
Определение карты
Области карты
Выводится, если картинка не
отображается
Нужна также программа
<img src="url" ismap>
<img src="url" usemap="url">
<map name="***"> </map>
<area shape="rect" coords=",,," href="url" I nohref>
Размеры
<img src="url" width=n
В точках
height=n>
Окантовка
<img src="url" border=n>
В точках
Отступ
<img src="url" hspace=n
В точках
vspace=n>
Заменитель при низком <img src="url” lowsrc="url">
разрешении
Обновить
<meta http-equiv="refresh" content="n; url=url">
Включить объект
<embed src="url">
Вставить объект
Размер объекта
<embed src="url” width=n height=n>
Дескрипторы вставки разделителей
Новый абзац
Новый абзац с
выравниванием
Новая строка
Убрать выравнивание
<p> </p>
Закрывать элемент не обязательно
<p align=left  center  right> </p>
<br>
<br clear=left  right  all>
2
Одиночный перевод строки
Горизонтальный разделитель <hr>
Горизонтальный разделитель <hr align=left  right
lcenter>
с выравниванием
Толщина
<hr size=n>
Ширина
<hr width=n>
Сплошная линия
<hr noshade>
Запрет разбиения на строки <nobr> </nobr>
Перенос
<wbr>
Дескрипторы создания списков
В точках
В точках или процентах
Без трехмерных эффектов
Запрещает перевод строки
Разбить строку
Маркированный
<ul> <li> </ul>
<ii> перед каждым элементом
список
Компактный маркированный список <ul compact> </ul>
Указание типа маркера <ul type=disc  circle  square> Для всего списка
<li type=disc  circle  square> Этот и последующие
Нумерованный список <ol> <li> </ol>
<li> перед каждым элементом
Компактный нумерованный <ol compact> </ol>
список
Тип нумерации
Для всего списка
<ol type=a  a   i  i  l>
Этот и следующие
<li type=a  a  i  i  1>
Начать с номера
<ol start=?>
Для всего списка
<li value=?>
Этот и следующие
Список определений
<dl> <dt> <dd> </dl>
<dt> — термин, <dd> — определение
Компактный список
<dl compact> </dl>
определений
Меню
<menu> <li> </menu>
Компактное меню
<menu compactx/menu>
Каталог
<dir> <li> </dir>
Компактный каталог
<dir compact> </dir>
Дескрипторы описания фона и цвета
<li> перед каждым элементом
<ii> перед каждым элементом
Фоновая картинка
<body background “URL" >
Цвет фона
<body bgcolor="color">
color—значение цвета
Цвет текста
<body text="color">
Цвет ссылки
<body link="color">
Пройденная ссылка
<body vlink="color">
Активная ссылка
<body alink="coior">
Специальные символы (обязательно в нижнем регистре)
<
bit;
>
>
&
&
“
"
Торговая марка (ТМ) ®
Copyright
©
Неразрывный пробел  
Дескрипторы описания форм
Определить форму
<form action="URL" methods=get  post> </form>
3
Отправка файла
<form enctype="multipart/form-data"> </form>
Поле ввода
<input type="text  password  checkbox  radio  image  hidden  submit 
reset">
<lnput name="***">
<input value="***">
<input checked>
Для полей флажков и переключателей
Имя поля
Значение поля
Сделать элемент
выбранным
Размер поля
<input size=n>
В символах
Максимальная длина <input maxlength=n>
В символах
значения
Список вариантов
<select> </select>
Имя списка
<select name="***"> </select>
Число вариантов
<select size=n> </select>
Множественный выбор <select multiple>
Можно выбрать больше одного
Опция
<option>
Элемент, который может быть выбран
Опция по умолчанию <option selected>
Текстовое поле ввода <textarea rows=n cols=n>
указанного размера
</textarea>
Имя текстового поля
<textarea name="***"> </textarea>
Разбивка на строки
<textarea wrap=off  virtual | physical> </textarea>
Дескрипторы описания таблиц
Определить таблицу
Тип рамки таблицы
Расстояние между
ячейками
Дополнение ячеек
Требуемая ширина
таблицы
Требуемая ширина
таблицы в процентах
Строка таблицы
Строка таблицы с
выравниванием
Ячейка таблицы
Ячейка таблицы с
выравниванием
Без перевода строки
Растягивание по
колонке
Растягивание по строке
Желаемая ширина
Ширина в процентах
Цвет ячейки
Заголовок столбца
<table> </table>
<table border=n> </table>
<table cellspacing=n>
Заголовок столбца с
выравниванием
Без перевода строки
Растягивание по
колонке
<th align=left  right  center 
middle  bottom>
<th nowrap>
<th colspan=n>
<table cellpadding=n>
<table width=n>
В точках
<table width="%">
Процент от ширины страницы
<tr> </tr>
<tr align=left  right  center 
middle  bottom>
<td> </td>
Должна быть внутри строки
<td align=left  right  center 
middle  bottom>
<td nowrap>
<td colspan=n>
<td rowspan=n>
<td width=n>
<td width="%">
<td bgcolor="color">
<th> </th>
В точках
Процент от ширины страницы
Выделяется жирным шрифтом и
центрируется
4
Растягивание по строке <th rowspan=n>
Требуемая ширина
<th width=n>
Ширина в процентах
<th width="%">
Цвет заголовка столбца <th bgcolor="color">
Заголовок таблицы
<caption> </caption>
Заголовок таблицы с
<caption align=top  bottom>
указанием размещения
Дескрипторы описания фреймов
В точках
Вверху и/или внизу таблицы
Документ с фреймами <frameset> </frameset>
Вместо <body>
Высота строк
<frameset rows=,,,> </frameset> Точки или проценты
<frameset rows=*> </frameset> * — относительный размер
Ширина колонок
<frameset 0013=,,,> </frameset> Точки или проценты
<frameset cols=*> </frameset> * — относительный размер
Ширина рамки
<frameset border=n>
Наличие рамки
<frameset frameborder="yes  no">
Цвет рамки
<frameset bordercolor="color">
Определить фрейм
<frame>
Содержание отдельного фрейма
Документ
<frame src="URL">
Имя фрейма
<frame name="***"|_blank  _self  _parent  _top>
Ширина вертикальных <frame marginwidth=n>
Правая и левая границы
полей
Высота
<frame marginheight=n>
Верхняя и нижняя границы
горизонтальных полей
Указание возможности <frame scrolling="yeslno|auto">
прокрутки
Постоянный размер
<frame noresize>
Наличие рамки
<frame frameborder="yeslno">
Цвет рамки
<frame bordercolor="color">
Содержание без
<noframes> </noframes>
Для браузеров, не поддерживающих
фреймов
фреймы
Прочие дескрипторы различного назначения
Комментарий
<!--*** -->
Игнорируется браузером
Пролог HTML 3.2
<! doc type html public "-//w3c//dtd html 3.2//en"> В большинстве
случаев не нужен
Поиск
<isindex>
Означает начальную точку поиска
Приглашение
<isindex prompt="***">
Текст приглашения для поля ввода
Запустить поиск
<а href=”URL?***"> </a>
Используется именно знак вопроса
URL этого файла
<base href="URL">
Базовый адрес
Имя базового окна
<base target="***">
Должно быть в шапке
Отношение
<link rev=°***" rel="***" href="URL"> Должно быть в шапке
Метаинформация
<meta>
Должна быть в шапке
Стили
<style> </style>
Каскадные листы стилей — CSS
Сценарий
<script> </script>
В народе — скрипт
Важнейшие свойства CSS
Свойства цвета и фона
color
background-color
background- image
background-repeat
Назначает цвет элемента
Назначает цвет фона элемента
Определяет URL фонового изображения
Задает стиль повторения фонового изображения:
repeat  repeat-x  repeat-у  no-repeat
5
background-attachment Устанавливает возможность прокрутки фонового изображения
вместе с элементом: scroll  fixed
background-position
Устанавливает начальную позицию фонового изображения
в процентах, абсолютных величинах или с помощью ключевых слов
top center  bottom right и т.д.
background
Сокращенная запись определяет свойства фона в любом порядке
Свойства шрифта
font-variant
Назначает шрифт либо семейство шрифтов
Устанавливает курсив или наклонный шрифт:
italic  oblique  normal
Устанавливает регистр: small-caps  normal
font-weight
Определяет жирность шрифта: bold  normal  100..900
font-size
Устанавливает размер шрифта в абсолютных, относительных размерах
или в процентах, а также при помощи ключевых слов хх-small  x-small
 small  medium  large  x-large  xx-large
Сокращенная форма записи всех предыдущих свойств; устанавливает
свойства шрифта в следующем порядке: font: font-style font-variant
font-weight font-size/line-height font-family. Любое из свойств, кроме
font-size и font-family, может быть пропущено
font-family
font-style
font
Свойства текста
text-decoration
Определяет внешний вид, оформление текста: подчеркивание или мигание.
Значения задаются при помощи ключевых слов:
none  underline  overline  line-through  blink
text-align
Определяет тип горизонтального выравнивания текста:
center  right  left  justify
text-indent
Определяет размер отступа (красной строки); значения задаются в единицах
длины или процентах; допустимы отрицательные значения, позволяющие
создавать "висячую" строку
t ext-1 rans form Определяет трансформацию или, иными словами, изменение регистра текста
при помощи ключевых слов: capitalize  uppercase  lowercase  none
vertical-align
Определяет вертикальное выравнивание текста; значение задается при
помощи ключевых слов и может быть задано относительно родительского
элемента или базовой линии:
baseline  sub  super  top  text-top  middle  bottom  text-bottom .
Допустимо задание величины смещения в процентах или единицах длины
letter-spacing
Определяет интервал между буквами внутри слова в единицах длины:
пунктах, процентах или относительных величинах (em)
word-spacing
Определяет интервал между словами и буквами в пунктах, процентах или
относительных величинах (em)
line-height
Определяет величину междустрочного интервала в единицах длины или
процентах
Свойства управления характеристиками блоков
margin-top
margin-right
margin-bottom
margin-left
margin
Четыре индивидуальных свойства, которые устанавливают величину
верхнего, правого, нижнего и левого полей, и стенографическое свойство
задания всех полей одновременно (от 1 до 4 значений). Допускается
задание значений в единицах длины, процентах от ширины
родительского блока. Допустимы отрицательные значения
6
Четыре индивидуальных свойства, которые устанавливают величину
верхнего, правого, нижнего, левого отступов, и стенографическое
свойство для задания всех отступов одновременно (от 1 до 4 значений).
Допускается задание значений в единицах длины, процентах от ширины
родительского блока. Отрицательные значения не допускаются
border-top-width
Четыре индивидуальных свойства, которые устанавливают ширину
border-right-width
верхнего, правого, нижнего и левого сегментов границы блока, и
border-bottom-width
стенографическое свойство для задания толщины всех сегментов
border-left-width
границы одновременно (от 1 до 4 значений). Допускается задание
border-width
значений в единицах длины и при помощи ключевых слов thin, medium,
thick. Отрицательные значения и значения в процентах не допускаются
border-top-color
Четыре индивидуальных свойства, которые устанавливают цвет
border-right-color
верхнего, правого, нижнего и левого сегментов границы блока, и
border-bottom-color
стенографическое свойство для задания цвета всех сегментов границы
border-left-color
одновременно (от 1 до 4 значений). В качестве значений используется
border-color
любой из трех способов задания цвета
border-top-style
Четыре индивидуальных свойства, которые устанавливают тип линий
border-right-style
верхнего, правого, нижнего и левого сегментов границы блока,
border-bottom- style
и стенографическое свойство для задания типа линий всех сегментов
border-left-style
границы одновременно (от 1 до 4 значений). В качестве значений
border-style
используются ключевые слова: none  dotted  dashed  solid 
double  groove  ridge  inset  outset
border-top
Четыре индивидуальных стенографических свойства, матерые
border-right
устанавливают стиль верхнего, правого, нижнего и левого сегментов
border-bottom
границы блока в отдельности (значения свойств идут в следующем
border-left
порядке: border-width, border-style, border-color), и общее
border
стенографическое свойство для определения стиля всех сегментов
границы блока одновременно. В последнем случае все сегменты границы
будут одинаковыми — задание разных стилей для разных сегментов
границы осуществляется через индивидуальные свойства этой группы
Свойства управления характеристиками списков
padding-top paddingright padding-bottom
padding-left padding
Определяет внешний вид маркера либо нумератора:
disc  circle  square  decimal  decimal-leading-zero  lower-roman 
upper-roman  lower-greek  lower-alpha  lower-latin  upper-alpha 
upper-latin
list-style-image
Определяет URL для отображения маркера
list-style-position
Определяет положение маркеров внутри или снаружи основного
структурного блока: inside  outside
list-style
Стенографическое свойство, позволяющее одновременно задать значения
всех предыдущих свойств
Значения свойства display в стандарте CSS 2
list-style-type
Table
inline-table
table-row
table-row-group
table-header-group
table-footer-group
table-column
table-column-group
table-cell
table-caption
Определяет элемент как таблицу блокового уровня
Определяет таблицу как элемент строкового уровня
Определяет элемент как строку таблицы
Определяет элемент как группу строк таблицы
Определяет элемент как группу строк верхней шапки таблицы
Определяет элемент как группу строк нижней шапки таблицы
Определяет элемент как столбец таблицы
Определяет элемент как группу столбцов таблицы
Определяет элемент как ячейку таблицы
Определяет элемент как заголовок таблицы
7
СПЕЦСИМВОЛЫ В ЯЗЫКЕ HTML
В этом приложении представлены специальные символы, которые могут использоваться
в HTML-документах. Если некоторые из них будут отображаться на вашей Web-странице неправильно, значит, шрифт, который вы используете в своем браузере по умолчанию, не содержит данныйсимвол.
Код
&#161
&#162
&#163
&#164
&#165
&#166
&#167
&#168
&#169
&#171
&#172
&#173
&#153
&#174
&#176
&#177
&#178
&#179
&#181
&#182
&#183
&#185
&#187
&#188
&#189
&#190
&#191
&#913
&#914
&#915
&#916
&#917
&#918
&#919
&#920
&#921
&#922
&#923
&#924
&#925
&#926
Описание
Знаки
Перевернутый восклицательный знак
Цент
Фунт Стерлигов
Денежная единица.
Иена или юань
"Разорванная" вертикальная черта
Параграф
Трема
Знак авторского права
Левая двойная угловая скобка
Знак отрицания
Место возможного переноса
Торговая марка
Зарегистрированная торговая марка
Градус
Плюс-минус
Верхний индекс "два" ("квадрат")
Верхний индекс "три" ("куб")
Микро
Символ абзаца
Центральная точка
Верхний индекс "один"
Правая двойная угловая скобка
Дробь — "одна четверть"
Дробь — "одна вторая"
Дробь — "три четверти"
Перевернутый вопросительный знак
Греческий алфавит
Прописная буква "альфа"
Прописная буква "бета"
Прописная буква "гамма"
Прописная буква "дельта"
Прописная буква "эпсилон"
Прописная буква "дзета"
Прописная буква "эта"
Прописная буква "тета"
Прописная буква "йота"
Прописная буква "каппа"
Прописная буква "лямбда"
Прописная буква "мю"
Прописная буква "ню"
Прописная буква "кси"
8
&#927
&#928
&#929
&#931
&#932
&#933
&#934
&#935
&#936
&#937
&#945
&#946
&#947
&#948
&#949
&#950
&#951
&#952
&#953
&#954
&#955
&#956
&#957
&«958;
ο
π
ρ
σ
τ
υ
φ
χ
ψ
ω
←
↑
→
↓
↔
ƒ
∂
∏
∑
−
√
∞
∩
∫
≈
Прописная буква "омикрон"
Прописная буква "пи"
Прописная буква "ро"
Прописная буква "сигма"
Прописная буква "тау"
Прописная буква "ипсилон"
Прописная буква "фи"
Прописная буква "хи"
Прописная буква "пси"
Прописная буква "омега"
Строчная буква "альфа"
Строчная буква "бета"
Строчная буква "гамма"
Строчная буква "дельта"
Строчная буква "эпсилон"
Строчная буква "дзета"
Строчная буква "эта"
Строчная буква „тета"
Строчная буква "йота"
Строчная буква "каппа"
Строчная буква "лямбда"
Строчная буква "мю"
Строчная буква "ню"
Строчная буква "кси*
Строчная буква "омикрон"
Строчная буква "пи"
Строчная буква "ро"
Строчная буква "сигма"
Строчная буква *тау"
Строчная буква "ипсилон"
Строчная буква "фи"
Строчная буква "хи"
Строчная буква "пси"
Строчная буква "омега"
Стрелки
Стрелка, направленная влево
Стрелка, направленная вверх
Стрелка, направленная вправо
Стрелка, направленная вниз
Стрелка, направленная влево-вправо
Математические операторы
Знак функции
Частный дифференциал
Произведение последовательности
Сумма последовательности
Минус
Квадратный корень
Бесконечность
Пересечение
Интеграл
Почти равно (асимптотически стремится)
9
≠
≡
≤
≥
&#822в;
…
′
″
‾
⁄
◊
♠
♣
♥
"
&
<
>
Œ
œ
ˆ
˜
–
—
‘
’
‚
“
”
„
†
‡
‰
‹
›
€
Не равно
Тождественно
Меньше либо равно
Больше либо равно
Прочие символы
bullet — маленький черный кружок
Многоточие
Одиночный штрих (минуты и футы)
Двойной штрих (секунды и дюймы)
Надчеркивание
Косая дробная черта
Ромб
Черный знак масти "пики"
Черный знак масти "трефы"
Черный знак масти "черви"
Двойная кавычка (Apt Quote)
Амперсант
Знак "меньше"
Знак "больше"
Латинская прописная лигатура "ОЕ"
Латинская строчная лигатура "ое"
Крышечка
Тильда
Короткое тире
Длинное тире
Левая одиночная кавычка
Правая одиночная кавычка
Нижняя одиночная кавычка
Левая двойная кавычка
Правая двойная кавычка
Нижняя двойная кавычка
Кинжал (крест)
Двойной кинжал (крест)
Промилле
Левая угловая одиночная кавычка
Правая угловая одиночная кавычка
Евро
Òýãè HTML
Çäåñü óïîðÿäî÷åíû ïî êàòåãîðèÿì íàèáîëåå ÷àñòî óïîòðåáëÿåìûå òýãè
Ñòðóêòóðà äîêóìåíòà
<!> Îïðåäåëÿåò êîììåíòàðèé, êîòîðûé èãíîðèðóåòñÿ àíàëèçàòîðîì
HTML
<!DOCTYPE> Îáúÿâëÿåò òèï è ôîðìàò ñîäåðæèìîãî äîêóìåíòà
<BASE> Óñòàíàâëèâàåò URL-àäðåñ èñõîäíîãî äîêóìåíòà
<BODY> Îïðåäåëÿåò íà÷àëî îñíîâíîé ÷àñòè ñòðàíèöû
<COMMENT> Îïèñûâàåò êîììåíòàðèé, êîòîðûé íå îòîáðàæàåòñÿ
<DIV> Îñóùåñòâëÿåò ëîãè÷åñêîå ðàçäåëåíèå äîêóìåíòà, ñîçäàâàÿ
ôðàãìåíò
10
âíóòðè íåãî
<HEAD> Çàêëþ÷àåò â ñåáå òýãè, ñîäåðæàùèå íåâèäèìóþ èíôîðìàöèþ î
äîêóìåíòå
<HTML> Èäåíòèôèöèðóåò äîêóìåíò êàê ñîäåðæàùèé ýëåìåíòû HTML
<LINK> Èñïîëüçóåòñÿ äëÿ îáîçíà÷åíèÿ ñâÿçåé ìåæäó äîêóìåíòàìè
<ÌÅÒÀ> Ïðåäîñòàâëÿåò ðàçëè÷íûå òèïû íåâèäèìîé èíôîðìàöèè è
èíñòðóêöèé
äëÿ áðàóçåðà
<NEXTID> Îïðåäåëÿåò ïàðàìåòð â òýãå <HEAD> äëÿ èñïîëüçîâàíèÿ
òåêñòîâûìè
ðåäàêòîðàìè
<SPAN> Èñïîëüçóåòñÿ ñ òàáëèöåé ñòèëåé äëÿ îïðåäåëåíèÿ
íåñòàíäàðòíûõ
àòðèáóòîâ òåêñòà íà ñòðàíèöå
<STYLE> Çàêëþ÷àåò â ñåáå òàáëèöó ñòèëåé
Çàãîëîâêè è íàçâàíèÿ
<Í1> Çàãîëîâîê 1-ãî óðîâíÿ
<Í2> Çàãîëîâîê 2 -ãî óðîâíÿ
<ÍÇ> Çàãîëîâîê 3-ãî óðîâíÿ
<Í4> Çàãîëîâîê 4-ãî óðîâíÿ
<Í5> Çàãîëîâîê 5-ãî óðîâíÿ
<Í6> Çàãîëîâîê 6-ãî óðîâíÿ
<TITLE> Íàçâàíèå äîêóìåíòà, ïîêàçûâàåìîå â çàãîëîâêå îêíà
áðàóçåðà
Àáçàöû è ñòðîêè
<BR> Âñòàâêà êîíöà ñòðîêè
<CENTER> Âûðàâíèâàåò çàêëþ÷åííûå â íåãî êîìïîíåíòû ïî öåíòðó
<HR> Ïîìåùàåò ãîðèçîíòàëüíóþ ïåðåêëàäèíó íà ñòðàíèöó
<NOBR> Óñòàíàâëèâàåò íåâîçìîæíîñòü îáòåêàíèÿ òåêñòîì
<?> Îáîçíà÷àåò àáçàö
<WBR> Âñòàâëÿåò ìÿãêèé ïåðåíîñ ñòðîêè â áëîêå òåêñòà â òýãå <NOBR>
Ñòèëè òåêñòà
<ADDRESS> Îïðåäåëÿåò èíôîðìàöèþ îá àäðåñå, êîíòðîëüíîé ñóììå è
àâòîðñòâå
<Â> Äåëàåò òåêñò æèðíûì, ãäå îí äîñòóïåí
<BASEFONT> Óñòàíàâëèâàåò øðèôò, èñïîëüçóåìûé ïî óìîë÷àíèþ
<BIG> Äåëàåò øðèôò íà îäèí ïóíêò áîëüøå òåêóùåãî
<BLOCKQUOTE> Îáîçíà÷àåò îòñòóï â òåêñòå
<ÑIÒÅ> Âûäåëÿåò òåêñò êóðñèâîì; ÷àñòî èñïîëüçóåòñÿ äëÿ
óòâåðæäåíèé îá
àâòîðñêîì ïðàâå
<CODE> Âñòàâëÿåò êîä â âèäå òåêñòà ñ ôèêñèðîâàííîé øèðèíîé øðèôòà
<DFM> Äàííûé òýã èñïîëüçóåòñÿ äëÿ ïîìåòêè òåðìèíîâ, èñïîëüçóåìûõ
â
ïåðâûé ðàç
<ÅÌ> Âûäåëÿåò òåêñò, îáû÷íî êóðñèâîì
<FONT> Îïðåäåëÿåò âèä, ðàçìåð è öâåò øðèôòà äëÿ òåêñòà
<I> Ïðåîáðàçóåò øðèôò òåêñòà â êóðñèâíûé, ãäå ýòî âîçìîæíî
<KBD> Èñïîëüçóåòñÿ äëÿ îòîáðàæåíèÿ íà ýêðàíå òåêñòà, êîòîðûé
äîëæåí
ââåñòè ïîëüçîâàòåëü
<LISTING> Âîçâðàùàåò òåêñò ñî øðèôòîì ôèêñèðîâàííîé øèðèíû
11
<PLAINTEXT> Ïðåäñòàâëÿåò òåêñò øðèôòîì ôèêñèðîâàííîé øèðèíû áåç
îáðàáîòêè òýãîâ
<PRE> Ïðåäñòàâëÿåò òåêñò øðèôòîì ôèêñèðîâàííîé øèðèíû
<S> Âûâîäèò òåêñò çà÷åðêíóòûì
<SAMP> Ïîêàçûâàåò òåêñò êàê ïðèìåð ïðîãðàììû
<SMALL> Îïðåäåëÿåò, ÷òî òåêñò äîëæåí áûòü ïîêàçàí óìåíüøåííûì
øðèôòîì
îòíîñèòåëüíî îñíîâíîãî
<STRIKE> Âûâîäèò òåêñò çà÷åðêíóòûì
<STRONG> Âûäåëÿåò òåêñò æèðíûì øðèôòîì
<STYLE> Çàêëþ÷àåò â ñåáå òàáëèöó ñòèëåé
<SUB> Âûäåëÿåò òåêñò, ïåðåâîäÿ åãî â íèæíèé ðåãèñòð
<SUP> Ïåðåâîäèò òåêñò â âåðõíèé ðåãèñòð, êàê ñòåïåíü
<ÒÒ> Óñòàíàâëèâàåò øðèôò ôèêñèðîâàííîé øèðèíû
<U> Äåëàåò òåêñò ïîä÷åðêíóòûì
<VAR> Óñòàíàâëèâàåò ìåëêèé øðèôò, èíîãäà êóðñèâ, ôèêñèðîâàííîé
øèðèíû,
èñïîëüçóåìûé îáû÷íî äëÿ îáîçíà÷åíèÿ ïåðåìåííûõ
<ÕÌÐ> Ïîêàçûâàåò òåêñò øðèôòîì ôèêñèðîâàííîé øèðèíû
Ñïèñêè
<DD> Èñïîëüçóåòñÿ âíóòðè ñïèñêà îïðåäåëåíèé äëÿ çàäàíèÿ òåêñòà â
òýãå <DT>
<DIR> Âîçâðàùàåò òåêñò êàê ñïèñîê êàòàëîãà
<DL> Èñïîëüçóåòñÿ äëÿ ñîçäàíèÿ ñïèñêà ýëåìåíòîâ ñî ñâÿçàííûìè
îïèñàíèÿìè
<DT> Îáîçíà÷àåò îïðåäåëåíèå, îïèñàíèå êîòîðîãî íàõîäèòñÿ â
ñëåäóþùåì
çà íèì òýãå <00>
<L l> Îáîçíà÷àåò îäèí ýëåìåíò â íóìåðîâàííîì èëè ìàðêèðîâàííîì
ñïèñêå
<MENU>
<OL> Ïðåîáðàçóåò ñòðîêè òåêñòà ñ òýãàìè <L l> â íóìåðîâàííûé
ñïèñîê
<UL> Ïðåîáðàçóåò ñòðîêè òåêñòà ñ òýãàìè <L l> â ìàðêèðîâàííûé
ñïèñîê
Òàáëèöû
Ïåðå÷èñëåííûå íèæå òýãè îïðåäåëÿþò:
<CAPTION> Çàãîëîâîê òàáëèöû
<COL> Âèä ñòîëáöîâ òàáëèöû ïî óìîë÷àíèþ
<COLGROUP> Êîíòåéíåð äëÿ ãðóïïû ñòîëáöîâ
<ÒÀÂLÅ> Ðàçäåë òýãîâ <TR>, <TD> è <ÒÍ>, îðãàíèçîâàííûõ ïî ñòðîêàì
è
ñòîëáöàì
<TBODY> Ðàçäåë, ñîäåðæàùèé òýãè <TR> è <TD>, êîòîðûé ôîðìèðóåò
îñíîâíóþ ÷àñòü òàáëèöû
<TD> ß÷åéêè òàáëèöû
<TFOOT> Íàáîð ñòðîê äëÿ èñïîëüçîâàíèÿ â íèæíåé ÷àñòè òàáëèöû
<ÒÍ> Ñòðîêó çàãëàâèÿ òàáëèöû; ñîäåðæèìîå âûðîâíåíî ïî öåíòðó è
âûâîäèòñÿ æèðíûì øðèôòîì
<THEAD> Íàáîð ñòðîê, èñïîëüçóåìûõ êàê çàãîëîâîê òàáëèöû <TR>
Ñòðîêó òàáëèöû
Ññûëêè
Ñëåäóþùèå òýãè îïðåäåëÿþò:
12
<À> Ãèïåðññûëêó; îáÿçàòåëüíî çàäàâàòü àòðèáóòû HREF èëè NAME
<À HREF="url"> Ãèïåðññûëêó íà ýëåìåíò äðóãîãî äîêóìåíòà
<À> ÌÀÌÅ="èìÿ"> Ãèïåðññûëêó íà ýëåìåíò ýòîãî æå äîêóìåíòà
Ãðàôèêà, îáúåêòû, ìóëüòèìåäèà è ñöåíàðèé
<APPLET> Ïîìåùàåò àïïëåò Java èëè äðóãîé âûïîëíÿåìûé ýëåìåíò íà
ñòðàíèöó
<AREA> Îïðåäåëÿåò ôîðìó àêòèâíîãî ó÷àñòêà èçîáðàæåíèÿ-êàðòû
êëèåíòà
<BGSOUND> Îïðåäåëÿåò ôîíîâîå çâóêîâîå ñîïðîâîæäåíèå ñòðàíèöû
<EMBED> Âíåäðÿåò äîêóìåíòû ëþáîãî òèïà íà ñòðàíèöó äëÿ ïðîñìîòðà
ñîîòâåòñòâóþùèì ïðèëîæåíèåì
<IMG> Èñïîëüçóåòñÿ äëÿ âñòàâêè ãðàôè÷åñêîãî ýëåìåíòà èëè
âèäåîêëèïà íà
ñòðàíèöó
<ÌÀÐ> Çàäàåò êîëëåêöèþ àêòèâíûõ ó÷àñòêîâ èçîáðàæåíèÿ-êàðòû êëèåíòà
<MARQUEE> Ñîçäàåò íà ñòðàíèöå áåãóùóþ ñòðîêó òåêñòà
<NOSCRIPT> Îïðåäåëÿåò, ÷òî áóäåò ïîêàçûâàòü áðàóçåð, íå
ïîääåðæèâàþùèé
ñöåíàðèè
<OBJECT> Âñòðàèâàåò îáúåêò èëè äðóãîé ýëåìåíò óïðàâëåíèÿ, íå
âñòðîåííûé â
HTML, íà ñòðàíèöó
<PARAM> Èñïîëüçóåòñÿ â òýãå <OBJECT> äëÿ óñòàíîâêè ñâîéñòâ îáúåêòà
<SCRIPT> Îïðåäåëÿåò ðàçäåë ñòðàíèöû, êîòîðûé äîëæåí îáðàáàòûâàòüñÿ
èíòåðïðåòàòîðîì êîäà ñöåíàðèÿ
Ôîðìû
<BUTTON> Ñîçäàåò íà ñòðàíèöå êíîïêó HTML
<FIELDSET> Ðèñóåò ïðÿìîóãîëüíèê âîêðóã ñîäåðæàùèõñÿ â íåì
ýëåìåíòîâ äëÿ
îáîçíà÷åíèÿ ñâÿçàííûõ îáúåêòîâ
<FORM> Îïèñûâàåò ôîðìó íà ñòðàíèöå, êîòîðàÿ ìîæåò ñîäåðæàòü äðóãèå
êîìïîíåíòû è ýëåìåíòû óïðàâëåíèÿ
<INPUT> Çàäàåò ïàðàìåòðû ýëåìåíòà óïðàâëåíèÿ ôîðìû
<LABEL> Îïðåäåëÿåò òåêñò ìåòêè èëè çàãîëîâêà äëÿ áëîêà ýëåìåíòîâ
óïðàâëåíèÿ
<LEGEND> Îïðåäåëÿåò òåêñò, ïîìåùàåìûé â ïðÿìîóãîëüíèê, ñîçäàííûé
òýãîì <FIELDSET>
<OPTION> Îáîçíà÷àåò îäíó èç àëüòåðíàòèâ â ýëåìåíòå SELECT
<SELECT> Îïðåäåëÿåò ïîëå ñïèñêà èëè âûïàäàþùèé ñïèñîê
<TEXTAREA> Îáîçíà÷àåò ïîëå ââîäà, ñîñòîÿùåå èç íåñêîëüêèõ ñòðîê
Ôðåéìû
<FRAME> Îïðåäåëÿåò êîíêðåòíûé ôðåéì âíóòðè íàáîðà ôðåéìîâ
<FRAMESET> Îïðåäåëÿåò íàáîð ôðåéìîâ, êîòîðûé ñîäåðæèò ôðåéìû èëè
ïîä÷èíåííûå íàáîðû
<IFRAME> Èñïîëüçóåòñÿ äëÿ ñîçäàíèÿ âñòðîåííûõ «ïëàâàþùèõ» ôðåéìîâ
íà
ñòðàíèöå
<NOFRAMES> Îïðåäåëÿåò, ÷òî èìåííî áóäåò ïîêàçûâàòü áðàóçåð, íå
ïîääåðæèâàþùèé ôðåéìû
Òàáëèöû ñòèëåé
Суùåñòâóåò áîëåå 70-è ñâîéñòâ, ïðåäíàçíà÷åííûõ äëÿ ïðèìåíåíèÿ â
êàñêàäíûõ òàáëèöàõ ñòèëåé Dynamic HTML. Èõ ìîæíî óñëîâíî ðàçäåëèòü
13
íà íåñêîëüêî ãðóïï. Íà÷íåì ñî ñâîäíîé èíôîðìàöèè î åäèíèöàõ
èçìåðåíèÿ, èñïîëüçóåìûõ äëÿ îïðåäåëåíèÿ çíà÷åíèé ñâîéñòâ.
Åäeíèöû èçìåðåíèÿ
Существуют äâå îñíîâíûå êàòåãîðèè åäèíèö: îòíîñèòåëüíûå è
àáñîëþòíûå (ïëþñ ïðîöåíòíûå).
Ëó÷øå èñïîëüçîâàòü îòíîñèòåëüíûå åäèíèöû, ïîñêîëüêó îïðåäåëåíèå
àáñîëþòíûõ òðåáóåò çíàíèÿ êîíêðåòíîé ñèñòåìû îòîáðàæåíèÿ: íà
êàêîé ïðèíòåð, ìîíèòîð èëè äðóãîå óñòðîéñòâî áóäåò âûâîäèòüñÿ
èíôîðìàöèÿ. Îòíîñèòåëüíûå åäèíèöû Çíà÷åíèÿ em, en è ex ÿâëÿþòñÿ
òèïîãðàôñêèìè òåðìèíàìè è ñîîòíîñÿòñÿ ñ ðàçìåðàìè äðóãèõ ñèìâîëîâ,
ðõ îáîçíà÷àåò ïèêñåëû — ýëåìåíòû ýêðàíà, ðàçìåð êîòîðûõ çàâèñèò îò
óñòàíîâîê ìîíèòîðà è
âèäåîêàðòû ïîëüçîâàòåëÿ.  Internet Explorer, íà÷èíàÿ ñ âåðñèè 4,
em è åõ çàìåíåíû íà pt, en — íà ðõ. Àáñîëþòíûå åäèíèöû Çíà÷åíèÿ
in, cm, mm, pt, pc, in äàåò çíà÷åíèå â äþéìàõ, cm — â ñàíòèìåòðàõ,
mm — â ìèëëèìåòðàõ, pt – â ïóíêòàõ (72 ïò íà äþéì) è ðñ – â ïèêàõ
(1 ïèêà ðàâíà 12 ïò). Ýòè åäèíèöû ñòîèò èñïîëüçîâàòü òîëüêî â òîì
ñëó÷àå, åñëè âû çíàåòå, êàêèì áóäåò ðàçìåð ðàáî÷åé îáëàñòè
óñòðîéñòâà âûâîäà, ò. ê. áðàóçåðû áóäóò ïûòàòüñÿ ïîêàçàòü âñå â
íàòóðàëüíóþ âåëè÷èíó.
Ïðîöåíòû
Ýòè öèôðîâûå çíà÷åíèÿ çàäàþòñÿ êàê ÷èñëà (ñ äåñÿòè÷íîé òî÷êîé èëè
áåç íåå),
ïîêàçûâàþùèå îòíîøåíèå ê åäèíèöå äëèíû (îáû÷íî ðàçìåð øðèôòà
òåêóùåãî ýëåìåíòà).
Готовится продолжение
14
Download
advertisement