11.24.2012

HTML5

HTML 5 — это инструмент для упорядочивания Web-контента.
В HTML 4 многие вещи были просто недоступны и требовали плагинов типа Adobe Flash или Microsoft Silverlight. Использовать нестандартные, недокументированные приемы было не очень-то надежной основой для сайтов, созданных для заработка.
Современные барузеры примерно в равной степени поддерживают HTML 5. Многие годы Flash оставался единственной возможностью внедрить видео на страницу. Теперь, с появлением HTML 5, появилось соперничество, в котором будут развиваться обе технологии.

Полный список тегов HTML5

Тег	Краткое описание
<!>	добавляет комментарий в код документа
<DOCTYPE>	указывает тип текущего документа
<a>	определяет гиперссылки
<abbr>	определяет аббревиатуру
<address>	определяет элемент с адресом
<area>	Определяет область внутри изображения карты
<article>	определяет статью
<aside>	Определяет контент в стороне от основного контента страницы
<audio>	Определяет аудио контент
<b>	определяет жирный текст
<base>	Определяет базовый URL для всех относительных ссылок на странице
<bdo>	определяет направление отображения текста
<blockquote>	определяет длинную цитату
<body>	определяет элемент тела документа
<br>	вставка одного разрыва строки
<button>	Определяет кнопку
<canvas>	Определяет графики
<caption>	Определяет заголовок (подпись) таблицы

<cite> определяет цитату или сноску на материал

<code> определяет, что текст является программным кодом

<col> Определяет атрибуты для столбцов таблицы
<colgroup> Определяет групп столбцов таблицы
<command> Определяет командную кнопку
<datagrid> Определяет данные в упорядоченный список
<datalist> Определяет выпадающий список
<datatemplate> Определяет шаблон данных
<dd> Определяет описание определения

<del> определяет удаленный текст в новой версии документа

<details> Определяет детали элемента
<dialog> Определяет диалог (разговор)
<div> Определяет секцию (блок) в документе

<dfn> применяется для выделения новых терминов

<dl> Определяет список определений
<dt> Определяет определение термина в списке

<em> предназначен для акцентирования текста курсивным начертанием

<i> определяет курсив

<ins> определяет подчеркнутый текст

<kbd> определяет текст, набранный на клавиатуре

<label> Определяет метку для элемента формы
<legend> Определяет заголовок группы элементов формы
<li> Определяет элемент списка
<link> Определяет ссылку на ресурс
<mark> Определяет выделенный текст
<map> Определяет изображение карты
<menu> Определяет список меню
<meta> Определяет мета-информацию
<meter> Определяет измерения в течение заранее определенного диапазона
<nav> Определяет навигационные ссылки
<nest> Определяет вложенную точку в шаблоне данных
<noscript> Определяет секцию, не поддерживающую сценарий (скрипт)
<object> Определяет внедренный объект
<ol> Определяет упорядоченный список
<optgroup> Определяет группу вариантов в раскрывающемся списке
<option> Определяет вариант в раскрывающемся списке
<output> Определяет некоторые виды результата

<p> определяет параграф (абзац)

<param> Определяет параметр для объекта
<pre> Определяет выровненный (форматированный) текст
<progress> Определяет ход выполнения задачи любого рода
<q> Определяет краткую цитату
<rule> Определяет правила для обновления шаблонов

<samp> отображает текст компьютерной программы или скрипта

<small> уменьшает размер шрифта

<source> Определяет медиа-ресурсы
<span> Определяет раздел в документе

<strong> отображает текст жирным начертанием

<sub> отображает шрифт в виде нижнего индекса

<sup> отображает шрифт в виде верхнего индекса

<table> определяет таблицу

<tbody> Определяет тело таблицы

<td> определяет ячейку таблицы

<textarea> Определяет область ввода текста
<tfoot> Определяет колонтитул таблицы

<th> определяет заголовок ячейки таблицы

<thead> Определяет заголовок таблицы
<time> Определяет дату/время
<title> Определяет название документа

<tr> определяет строку таблицы

<ul> Определяет неупорядоченный список
<var> Определяет переменную
<video> Определяет видео

Список тегов не поддерживаемых HTML-5

<acronym> определяет акроним

<applet> определяет аплет.

<basefont> используется вместо CSSдля задания шрифта

<big> определяет увеличенный текст

<center> определяет текст по центру

<dir> определяет список директорий

<frame> определяет фрейм

<frameset> определяет набор фреймов

<isindex> определяет поисковый индекс в документе

<noframes> определяет секцию, не поддерживающую фрейм

<s> определяет перечеркнутый текст

<strike> определяет перечеркнутый текст

<tt> определяет телетайп текст

<u> определяет подчеркнутый текст

<xmp> определяет выравненный текст

Список атрибутов HTML-5.


Атрибут	Значение	Краткое описание
accesskey	character	Не поддерживается. Определяет сочетание клавиш для доступа к элементу
class	classname	Определяет имя класса для элемента (используется для определения класса в таблице стилей)
contenteditable	true false	Определяет, может ли пользователь редактировать содержимое (контент)
contextmenu	menu_id	Определяет контекстное меню элемента
dir	ltr rtl	Определяет направление текста контента в элементе
draggable	true false auto	Определяет, может ли пользователь перетащить элемент
id	id	Определяет уникальный идентификатор элемента
irrelevant	true false	Определяет, что элемент не имеет значения. Элемент, имеющий значение не отображается
lang	language_code	Определяет код языка содержимого (контента) в элементе
ref	URL / id	Определяет ссылку на другой документ / часть документа (используется только тогда, когда значение атрибута установлено)
registrationmark	reg_mark	Определяет зарегистрированный знак элемента
style	style_definition	Определяет встроенный стиль элемента
tabindex	number	Определяет порядок перехода элемента
template	URL / id	Определяет ссылку на другой документ / часть документа, которые должны быть применены к элементу
title	text	Определяет дополнительную информацию об элементе

Слои

Существует три распространенных способа верстки веб-страниц, отличающихся различным подходом — с помощью фреймов, таблиц и слоев.

Слои
Достоинства
Слои по сравнению с таблицами загружаются быстрее.
Возможность управления слоями динамически с помощью скриптов. Это позволяет создавать различные эффекты, используя достаточно простые инструкции — спрятать, показать, переместить слой и другое.
Слои можно накладывать друг на друга, что упрощает размещение материала на веб-странице и дает больше возможностей.
Информацию можно прятать и показывать без перезагрузки всей страницы.
Слои можно разместить в окне браузера с точностью до пиксела.
Недостатки
Основной недостаток один — браузеры по разному работают со слоями, из-за чего приходится код в скриптах писать под конкретный браузер. Сложность еще заключается в разной интерпретации браузерами стилевых таблиц.

Таблицы

Достоинства
Использование таблиц понятно, просто и удобно.
Применение невидимой рамки у таблиц — мощный и удобный способ размещения содержимого на веб-странице.
Можно задавать ширину таблицы в процентах, пикселах и выравнивать ее по левому, правому краю или по центру веб-страницы.
Недостатки
Пока таблица не загрузится полностью, содержимое ее не будет показываться. Если на веб-странице размещена большая таблица, загрузка страницы существенно замедляется.
Код HTML для создания таблиц может быть громоздок, особенно если требуется сделать несколько вложенных таблиц.

Ссылки

Ссылки применяются для переходов между страницами, на другие сайты или для переходов на определенное место на страничке т.е на закладки. Ссылки могут быть в виде текста, картинки или даже рекламного баннера.
Для создания ссылки используется тег: <a></a>

<a href="url">Ссылка!</a>

href - это путь (url) сайта, куда будет вести ссылка.

Пример:
-----------------
Главная
--------------------

Параметры:

title="Текст" -- Текст (подсказка), выводимая при наведении курсора мыши на ссылку.

Пример:
Главная
-------------------- Для создания внутренней ссылки используется тег:

<a href="#Имя">Ссылка на закладку</a>

Закладка обозначается так: <a name="Имя"></a>

Пример:
-----------------
Наверх
--------------------

Ссылка на закладку в другом документе:

<a href="url#Имя">Ссылка на закладку</a>

Пример:
-----------------
Размер текста/индексы
--------------------

Чтобы ссылка открывалась в новом окне браузера:

<a href="Имя.html" target="_self">Ссылка</a>

Ссылка на адрес электронной почты:

<a href="mailto:Адрес(без http//)">Пишите письма</a>

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

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

При разработке сайта интересным элементом дизайна, привлекающим внимание, может стать бегущая строка. Особенно удобно размещать с её помощью краткие новости, информацию о скидках, распродажах и т.п. Кроме того, бегущая строка - самый простой способ создания анимации на сайте.
Бегущая строка формируется с помощью тега <marquee>...</marquee> (закрывающий тег обязателен). Браузеры по-разному отображают содержимое бегущей строки, так что при создании сайта обязательно проверяйте её вывод.
Для создания сайта особый интерес представляет то, что содержимое контейнера <marquee> не ограничивается простым текстом и позволяет перемещать любые элементы веб-страницы - изображения, текст, таблицы, элементы форм и т.д.

Сценарии

Скрипт — это программа, содержащая набор инструкций для некоторых приложений или утилит

Формы HTML

Форма — это элемент html, содержащий в себе элементы управления, необходимые для ввода пользователем каких-либо данных

Звук и мультимедия

Если правильно применить то звуковые и видеофайлы способны в значительной степени улучшить содержательную часть Web-страницы.

Графика HTML

Если на Web-странице не будет ничего кроме текстовой информации она может и будет интересной для определенного круга лиц, но назвать ее привлекательной нельзя.
Двумя наиболее часто применяемыми в Интернете графическими форматами являются GIF и JPEG. В настоящее время появился еще один новый графический формат PNG приобретающий все большую популярность.
Все изображения добавляются на Web-страницу с помощью одного и того же тега, называемого тегом источника изображения, - <img src="место расположения"/>
Данная запись состоит из собственно тега <img/>, его атрибута src и значения данного атрибута - "место расположения". Для тега источника изображения не предусмотрен соответствующий закрывающий тег и поэтому не забывайте ставить в конце косую черту "/".

Атрибуты тега IMG

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

Фреймы

Фрейм - термин имеет два значения. Первое значение - область документа со своими полосами прокрутки. Второе значение - одиночное изображение в сложном (типа анимации) графическом файле (по типу кадра с кинофильма).
Использование фреймов позволяет разбить окна браузера на несколько окон, в которых могут отображаться разные HTML-документы. При этом содержимое каждого документа выравнивается относительно своего собственного окна - фрейма. Использование фреймов позволяет:
- разделить окно браузера на несколько независимых друг от друга зон и отобразить в каждой из них отдельный блок информации.
- прокручивать содержимое одних фреймов независимо от содержания других;
- осуществлять переход между страницами сайта

У фреймов есть один существенный недостаток - использование фреймов очень сильно затрудняет индексирование сайта поисковыми машинами.

Создание фреймов

При создании фрейма вместо тела документа <body></body> используется конструкция вида <frameset></frameset>.
Структура кода при создании фреймов очень напоминает табличную HTML структуру

Для начала разбиваем все окно браузера на несколько областей, по горизонтали <FRAMESET cols="30%, 70%"></FRAMESET> или по вертикали <FRAMESET rows="70%, 30%"></FRAMESET>. Значения пропорций можно указывать как в процентах, так и простым числом, отвечающим за размер в пикселах.
Далее мы можем разбить каждое окно в отдельности на произвольное количество частей, конструкцией вида <FRAMESET rows="10%, 20%,70%"></FRAMESET> или же загрузить файл в фрейм конструкцией <FRAME src="frame1.html">.

Пример

FRAME1	FRAME3
FRAME2

Таблицы html часть 4

Примеры использования тегов HTML в таблицах

Пример № 1

<html>
	<head>
	<title>Сайт</title>
	</head>
	<body>
	<table width=450 height=200>
	<tr border=10>
	<td bgcolor=red colspan=3></td>
	</tr>
	<tr border=10>
	<td bgcolor=grey colspan=1></td>
	<td bgcolor=grey colspan=1></td>
	<td bgcolor=grey colspan=1></td>
	</tr>
	<tr border=10 >
	<td colspan=1 bgcolor=green></td>
	<td colspan=2 bgcolor=blue></td>
	</tr>
	</table>
	</body>
	</html> Результат

Сайт

Таблицы html часть 3

Примеры таблиц

Обычная таблица

<table border>
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
<td>D</td><td>E</td><td>F</td>
<tr>
</tr>
</table>

Результат

A	B	C
D	E	F

Немного изменим таблицу и поставим значение атрибута border равному 5

<table border="5">
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
<td>D</td><td>E</td><td>F</td>
<tr>
</tr>
</table>
Получаем следующий результат

A	B	C
D	E	F

Параметры тега <TD>

align определяет выравнивание содержимого ячейки по горизонтали
background задает фоновый рисунок в ячейке
bgcolor цвет фона ячейки
bordercolor цвет рамки
colspan объединяет горизонтальные ячейки
height высота ячейки
nowrap запрещает перенос строк
rowspan объединяет вертикальные ячейки
valign выравнивание содержимого ячейки по вертикали
width ширина ячейки.

Пример обьединения вертикальных ячеек

<table border="5">
<tr>
<td rowspan=2>Обьединенная ячейка</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
</tr>

Получаем следующий результат

Обьединенная ячейка	B	C
Обьединенная ячейка	E	F

Параметр rowspan обьединяет ячейки по вертикали. Этот параметр имеет смысл для таблиц, состоящих из нескольких строк.
Синтаксис - <td rowspan="число">...</td>
Значения - любое целое положительное число больше 1.
Значение по умолчанию - 1

Пример обьединения горизонтальных ячеек

<table border="5">
<tr>
<td>A</td>
<td colspan=2>Обьединенная ячейка</td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
</tr>
</table>
Результат

A	Обьединенная ячейка
D	E	F

Примеры с тегом <TH>

<table border="3">
<tr>
<th>Ячейка 1</th> <th>Ячейка 2</th> <th>Ячейка 3</th>
</tr>
<tr>
<td>Ячейка 4</td><td>Ячейка 5</td><td>Ячейка 6</td>
</tr>
<tr>
<td>Ячейка 7</td><td> Ячейка 8</td><td> Ячейка 9 </td>
</tr>
</table>

Результат смотрим ниже:

Ячейка 1	Ячейка 2	Ячейка 3
Ячейка 4	Ячейка 5	Ячейка 6
Ячейка 7	Ячейка 8	Ячейка 9

Пример тега <TH> с атрибутом colspan

<table border="3">
<tr>
<th colspan=3>Заголовок таблицы Ячейки </th>
</tr>
<tr>
<td>Ячейка 4</td><td>Ячейка 5</td><td>Ячейка 6</td>
</tr>
<tr>
<td>Ячейка 7</td><td> Ячейка 8</td><td> Ячейка 9 </td>
</tr>
</table>

Результат

Заголовок таблицы Ячейки
Ячейка 4	Ячейка 5	Ячейка 6
Ячейка 7	Ячейка 8	Ячейка 9

Пример таблицы с большим количеством заголовков

<table border="3">
<tr>
<th colspan=4>Заголовок таблицы Ячейки </th>
</tr>
<tr>
<th colspan=2> Ячейки 1</th>
<th colspan=2> Ячейки 2</th>
</tr>
<tr>
<td>A</td><td>B</td><td>C</td><td>D</td>
</tr>
</table>

Результат

Заголовок таблицы Ячейки
Ячейки 1		Ячейки 2
A	B	C	D

Пример таблицы с боковыми заголовками

<table border="3" >
<tr>
<th>Ячейка 1</th><td>A</td><td>B</td>
</tr>
<tr>
<th>Ячейка 2</th><td>C</td><td>D</td>
</tr>
</table>

Результат

Ячейка 1	A	B
Ячейка 2	C	D

Таблицы html часть 2

Тег <TABLE>

Элемент <TABLE> служит контейнером для элементов, определяющих содержание таблицы. Любая таблица состоит из строк и ячеек.

Синтаксис:

<table><tr><td>...</td></tr></table>

Параметры тега <TABLE>

align - определяет выравнивание таблицы.
background - задает фоновый рисунок в таблице.
bgcolor - цвет фона таблицы.
border - толщина рамки в пикселах.
bordercolor - цвет рамки. cellpadding - отступ от рамки до содержимого ячейки.
cellspacing - расстояние между ячейками.
cols - число колонок в таблице.
frame - сообщает браузеру, как отображать границы вокруг таблицы.
height - высота таблицы.
rules - сообщает браузеру, где отображать границы между ячейками.
width - ширина таблицы.

Для примера и наглядности возмем таблицу и будет в нее вносить атрибуты и смотреть как они ее будут изменять

Border- этот атрибут задает толщину рамки в пикселях.

Пример с атрибутом border
<table border="5">
<tr>
<td>Первая строка - первая ячейка</td><td>Первая строка - вторая ячейка</td>
</tr>
<tr>
<td>Вторая строка - первая ячейка</td><td>Вторая строка - вторая ячейка</td>
</tr>
</table>
В результате получим следующее

Первая строка - первая ячейка	Первая строка - вторая ячейка
Вторая строка - первая ячейка	Вторая строка - вторая ячейка

Align - этот атрибут служит для выравнивания таблицы и может принимать значения или left или center или right.

Пример с атрибутом align
<table border="5" align="center">
<tr>
<td>Первая строка - первая ячейка</td><td>Первая строка - вторая ячейка</td>
</tr>
<tr>
<td>Вторая строка - первая ячейка</td><td>Вторая строка - вторая ячейка</td>
</tr>
</table>
В результате получим таблицу с выравниванием по центру

Первая строка - первая ячейка	Первая строка - вторая ячейка
Вторая строка - первая ячейка	Вторая строка - вторая ячейка

Cellspacing - задает расстояние между ячейками в пикселях

<table border="5" align="center" cellspacing="20">
<tr>
<td>Первая строка - первая ячейка</td><td>Первая строка - вторая ячейка</td>
</tr>
<tr>
<td>Вторая строка - первая ячейка</td><td>Вторая строка - вторая ячейка</td>
</tr>
</table>
Смотрим результат

Первая строка - первая ячейка	Первая строка - вторая ячейка
Вторая строка - первая ячейка	Вторая строка - вторая ячейка

Bgcolor задает цвет фона таблицы

<table border="5" align="center" cellspacing="20" bgcolor="yellow">
<tr>
<td>Первая строка - первая ячейка</td><td>Первая строка - вторая ячейка</td>
</tr>
<tr>
<td>Вторая строка - первая ячейка</td><td>Вторая строка - вторая ячейка</td>
</tr>
</table>
Результат смотрим ниже

Первая строка - первая ячейка	Первая строка - вторая ячейка
Вторая строка - первая ячейка	Вторая строка - вторая ячейка

Смотрим другой пример

<table border="5" align="center" cellspacing="20" bgcolor="yellow">
<tr>
<td>Первая строка - первая ячейка</td><td>Первая строка - вторая ячейка</td>
</tr>
<tr>
<td bgcolor="green">Вторая строка - первая ячейка</td><td>Вторая строка - вторая ячейка</td>
</tr>
</table>
Смотрим результат такого примера

Первая строка - первая ячейка	Первая строка - вторая ячейка
Вторая строка - первая ячейка	Вторая строка - вторая ячейка

Тег <CAPTION>

Тег <CAPTION> предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <TABLE>, причем сразу после открывающего тега. Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий ее содержание.

Синтаксис:

<table>
 <caption>Текст</caption>
 <tr>
  <td>...</td>
 </tr>
</table>

Параметры:

align - определяет выравнивание заголовка по горизонтали.

valign - устанавливает расположение заголовка до или после таблицы.

Пример:

<table border="5">
<caption>Ячейки </caption>
<tr>
<td>Первая строка - первая ячейка</td><td>Первая строка - вторая ячейка</td>
</tr>
<tr>
<td>Вторая строка - первая ячейка</td><td>Вторая строка - вторая ячейка</td>
</tr>
</table>

Результат:

Ячейки
Первая строка - первая ячейка	Первая строка - вторая ячейка
Вторая строка - первая ячейка	Вторая строка - вторая ячейка

Таблицы html часть 1

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

Создание простейших таблиц

Рассмотрим сначала минимальный набор тегов и их параметров, необходимый и достаточный для создания несложных таблиц, а затем перейдем к их детальному описанию.
Таблицы должны распологаться внутри документа <BODY>. Документ может содержать произвольное число таблиц, причем допускается вложенность таблиц друг в друга.
Таблица в HTML представляется множеством ячеек, которые заключены в строки. Совокупность же всех строк и образует целую таблицу.
Для обозначения таблицы используется HTML-элемент TABLE, который задается парными тегами <TABLE> и </TABLE>. Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельных ячеек.
Каждая строка начинается тегом <TR> и завершается тегом </TR>.
Отдельная ячейка встроке обрамляется парой тегов <TD> и </TD> или <TH> и </TH>.
Тег <TH> используется обычно для ячеек-заголовков таблиц, а <TD> - для ячеек-данных.

Приведем пример обычной таблицы:

<table border=1>
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
<tr>
<td>D</td><td>E</td><td>F</td>
</tr>
</table>
В итоге мы получим следующую таблицу:

A	B	C
D	E	F

Теги <TD> и <TH> немогут появляться вне описания строки таблицы <TR>. Завершающие теги </TR>, </TD> и <TH> могут быть опущены. В этом случае концом описания строки или ячейки является начало следующей строки или ячейки, или конец таблицы. Завершающий тег таблицы <TABLE> обязателен
Количество строк в таблице определяется числом открывающих тегов <TR>, а количество столбцов - максимальным количеством <TD> или <TH>. Часть ячеек могут не содержать никаких данных и описываться парой следующих подряд тегов - <TD>,</TD>. Если одна или несколько ячеек, распологающихся в конце какой-либо строки, не содержат данных, то их описание может быть опущено, а браузер автоматически добавит требуемое количество пустых ячеек. Построение таблиц, в которых в разных строчках распологается различное количество столбцов одного и того же размера, не разрешается.

Гиперссылки

Гиперссылки - ключевой, практически самый главный элемент гипертекста (текста, обладающего возможностями навигации). Простота, наглядность и в то же время мощь гиперссылки заключается в том, что ею может быть практически все, что угодно: слово в тексте, заголовок, рисунок, элемент таблицы и другие элементы HTML-документа. Для использования гиперссылки от пользователя требуется щелчок кнопкой мыши на тексте, изображении или прочем представлении гиперссылки, остальную работу по поиску и переходу к нужному ресурсу выполняют автоматические системы.
Для создания гиперссылки в тексте HTML-документа используется элемент A, который задается при помощи парных тегов <A> и </A>. Текст, изображение или другой элемент HTML-документа, заключенный между этими тегами, становится представлением гиперссылки в тексте. Обычно браузеры отображают гиперссылки таким образом, что их можно однозначно отделить от прочего содержимого документа, например выделением цветом, подчеркиванием, меняют форму указателя мыши при наведении его на гиперссылку. Обычным действием браузера при переходе по гиперссылке является открытие указанного HTML-документа в том же или новом окне.

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь.

Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку.
В качестве значения параметра href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
Синтаксис -

<a href="URL">...</a>

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

`Параметры`


href - задает адрес документа, на который следует перейти.

name - устанавливает имя якоря внутри документа.

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

Параметр HREF

Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью параметра target.
Синтаксис - <a href="адрес ссылки" >Название ссылки, если необходимо</a>

Пример: <a href="http://vibochkarev1952.blogspot.ru/2012/06/blog-post_16.html">Cамогонные аппараты. Пивоварни</a>

В результате должно получиться следующее - Cамогонные аппараты. Пивоварни

Параметр NAME

Устанавливает имя якоря. Якорем называется закладка внутри страницы, которую можно использовать в качестве цели ссылки. В этом случае происходит переход на закладку внутри страницы текущего веб-сайта. Ссылка на закладку начинается символом #, за которым следует имя закладки. Если нам необходимо перейти на закладку, размещанную на другой веб-странице или другом сайте. Для этого в адресе ссылки указываем адрес веб-страницы или сайта, затем после символа # размещаем имя закладки.
Атрибут не поддерживается спецификацией HTML 5.
Между тегами <a name=...> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.
Этот параметр обязателен для якорей
Синтаксис - <a name="якорь">...</a>

Параметр TARGET

По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <А>. В XHTML применение этого параметра запрещено.
Это не обязательный параметр.
Синтаксис - <a target="имя окна">...</a>

Аргументы

В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если задано несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие
._blank Открывает страницу в новое окно браузера.
_self Открывает страницу в текущее окно.
_parent Открывает страницу во фрейм-родитель, если фреймов нет, то данный параметр работает как _self.
_top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то данный параметр работает как _self.

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

Параметр TITLE

Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке. Может содержать в себе любую текстовую строку заключенную в одинарные или двойные кавычки.
Это необязательный параметр.
Синтаксис - <a title="текст">...</a>

HTML Списки

Списки - упорядоченные (нумерованные), неупорядоченные (маркированные) и списки определений. Теги <OL>,<UL>, <LI>,<DL>, <DT>,<DD>. Параметры TYPE, START, value.

Списки - это очень мощное средство структурирования документа. С их помощью можно обеспечить четкую и ясную подачу материала. В HTML предусмотрены возможности создания привлекательных и в то же время функциональных списков.
Типы списков HTML и соответствующие им теги:
- упорядоченный (нумерованный) список <OL>
- неупорядоченный список (маркированный) <UL>
- список определений <DL>
- список элементов меню (выглядит, как неупорядоченный список, но используется редко) <MENU>
- список элементов каталогов (выглядит, как неупорядоченный список, но используется редко) <DIR>
Из пяти вышеперечисленных типов чаще всего используются три: упорядоченные списки, неупорядоченные списки и списки определений.
Списки меню и каталогов - это вариации неупорядоченных списков и при отображении в большинстве броузеров они ни чем не отличаются от обычных, неупорядоченных списков.

Маркированные списки

Самым распространенным типом списка, использующегося в Web, является неупорядоченный или маркированный список. Маркированные списки применяются для перечисления неупорядоченной информации. В таком списке каждый новый элемент выделяется маркером (отсюда и название списка).
В маркированных списках, в отличии от нумерованных, порядок следования элементов не имеет особого значения, т.е. если элемент стоит в списке первым, это не значит, что он имеет более высокий приоритет, чем элемент, стоящий вторым или третьим.
Тег <UL> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <UL> применяется таблица стилей, то элементы <LI> наследуют эти свойства. Закрывающий тег </UL> обязателен.

Синтаксис

<ul>
<li> Первый элемент
<li> Второй элемент
<li> Третий элемент
<ul>
Каждый тег <LI> служит для определения одного элемента списка. Использовать закрывающий тег </LI> нежелательно. Тег <LI> является для броузера сигналом о том,что нужно начать новую строку.
К тексту элементов любых списков можно применять средства HTML по форматированию текста. В каждом элементе списка могут содержаться другие HTML-элементы, а также дополнительные вложенные списки.

Параметр тега <UL>

-type - устанавливает вид маркера списка
Чтобы изменить тип маркера для всего списка, воспользуйтесь синтаксисом <UL TYPE=тип>, а для одного элемента списка - <LI TYPE=тип>, где параметр тип - это одно из значений приведенных ниже:

   <ul type="disc/circle/square">...</ul>

Тип ! Рекомендуемый внешний вид (зависит от броузера)
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
disk Круг с заливкой
square Заполненный квадратик
circle Круг без заливки

Пример HTML-кода маркированного списка

<title> Маркированные списки </title>
<body>
Список с закрашенными круглыми маркерами

<ul>
<li> Первый элемент
<li> Второй элемент
<li> Третий элемент
</ul>

Список с круглыми незакрашенными маркерами

<ul type="circle">
<li> Первый элемент
<li> Второй элемент
<li> Третий элемент
</ul>

Список с квадратными маркерами

<ul type="square">
<li> Первый элемент
<li> Второй элемент
<li> Третий элемент
</ul>

Список с разными маркерами элементов

<ul>
<li type="circle">Окружность
<li> Закрашенный круг
<li type="square"> Квадрат
</ul>
</body>

Нумерованные списки

Прежде всего нужно отметить, что упорядоченные и нумерованные списки - это одно и то же. Эти термины являются взаимозаменяемыми. Нумерованные списки применяются для упорядочения приводимых данных. При нумерации элементов таких списков могут быть использованы как арабские (по умолчанию), так и римские цифры, буквы алфавита (строчные и прописные). Использовать буквы русского алфавита в упорядоченных списках HTML нельзя.
Тег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI> (который расшифровывается как list item - элемент списка). Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства. Закрывающий тег </OL> обязателен.

Синтаксис

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

Параметры тега <LI>:

type - устанавливает вид маркера нумерованного и маркерованного списка
Синтаксис
<li type="disk/circle/square">
<li type="A/a/I/i/1"
value - число, с которого будет начинаться нумерованный список
Синтаксис
<li value="число">

Пример HTML-кода нумерованного списка

<html>
<head>
<title> Упорядоченный список <title>
</head>
<body>
<ol>
<li> Красный
<li> Оранжевый
<li> Желтый
<li> Зеленый
<li> Голубой
<li> Синий
<li> Фиолетовый
</ol>
</body>
</html>

В итоге на экране монитора мы получим следующий результат:

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

1. Красный
2. Оранжевый
3. Желтый
4. Зеленый
5. Голубой
6. Синий
7. Фиолетовый

Вообще списки могут содержать любые элементы, логически связанные между собой: текст, изображения, гипертекстовые ссылки и любые другие элементы HTML. Упорядоченный список может представлять собой, например, поэтапное описание или пошаговую инструкцию процесса наклейки обоев в квартире.
Если вы вставите в середину списка новый элемент, то броузер перенумерует весь список. Поэтому в случае необходимости можно без проблем добавлять и удалять элементы списка.
Каждый тег <LI> является для броузера сигналом о том, что нужно начать новую строку. Поэтому нет никакой необходимости делать перевод строки с использованием тега <BR>. Его использование оправдано только в том случае если текст элемента необходимо разместить в нескольких строках. В списках можно использовать практически все элементы форматирования HTML.

Параметры тега <OL>:

- type - устанавливает вид маркера списка;
- start - число, с которого будет начинаться нумерованный список

Параметр TYPE
<ol type=тип>
Параметр тип может принимать следующие значения:
Таблица 1
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Тип ! Стиль
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
1 Стардартный способ нумерации с помощью арабских цифр
а Строчные буквы алфавита
А Прописные буквы алфавита
i Строчные римские цифры
I Прописные римские цифры

Параметр START

<ol type=значение>
Нумерацию списка с помощью цифр и букв можно начать с любой цифры или буквы. Для этого используется атрибут start: <ol start=значение>. Параметр значение - это число. Таким образом, код <ol start=7> означает, что нумерация элементов списка будет начинаться с числа 7. Чтобы начать нумерацию с некоторой буквы или римской цифры необходимо воспользоваться атрибутами type и start. Синтаксис выглядит следующим образом: <ol type=тип start=значение>. Парметр тип принимает значения приведенные в таблице 1, а параметр значение - это число. Таким образом, код <ol type=A start=4> означает, что нумерация списка будет начинаться с четвертой буквы английского алфавита, т.е. с буквы D. Для изменения нумерации внутри списка используется атрибут value тега <li>. Код <li value=5> означает, что дальнейшая нумерация будет начинаться с цифры 5.
Возможность изменять схему нумерации очень полезна в случае создания страницы, содержащей множество заголовков и подзаголовков.

Пример HTML-кода нумерованного списка

<title> Нумерованные списки </title>
<body>
Нумерация арабскими цифрами
<ol>
<li> Первый элемент
<li> Второй элемент
</ol>
Продолжение нумерации, но большими римскими цифрами
<ol type="I" start=3>
<li> Третий элемент
<li> Четвертый элемент
</ol>
Новый список, нумерация большими латинскими буквами
<ol type="A">
<li> Первый элемент
<li>Второй элемент
</ol>
</body>

В результате получим следующее:
Нумерация арабскими цифрами
1. Первый элемент
2. Второй элемент
Продолжение нумерации, но большими римскими цифрами
III.Третий элемент
IV.Четвертый элемент
Новый список, нумерация большими латинскими буквами
A. Первый элемент
B. Второй элемент

Значение атрибута type можно отдельно указать для любого элемента списка. Кроме того, для элементов нумерованного списка можно задать значение атрибута value. Его действие аналогично атрибуту start элемента OL с тем лишь отличием, что изменяет нумерацию, начиная с того элемента, для которого указано значение атрибута value.

Пример HTML-кода изменяющий нумерацию списка

<title> Изменение нумерации </title>
<body>
<ol>
<li> Первый элемент
<li value=10> Второй элемент
<li>Третий элемент
<li value4=20 type "A"> Четвертый элемент
<li type="A"> Пятый элемент
</ol>
</body>

В результате получится следующее:
1. Первый элемент
10.Второй элемент
11. Третий элемент
T. Четвертый элемент
U. Пятый элемент

Если задать нумерацию буквами такого длинного списка, на элементы которого не хватит всех букв латинского алфавита, то в нумерации с 27 элемента будут использоваться две латинские буквы (например, AA, AB, AC и т.д.), с 703 элемента будут использоваться три латинские буквы и т.д.

СПИСКИ ОПРЕДЕЛЕНИЙ

Интересной разновидностью списков является списки определений. Они чем-то напоминают толковые словари, так как каждому термину соответствует абзац определения, расположенный с отступом. Это средство незаменимо в том случае, если нужно создать список элементов с их подробным описанием.
Список определений задается внутри HTML - элемента DL. Тег <DL> входит в тройку элементов <DL>, <DT>, <DD>, предназначенных для создания списка определений. Каждый такой список начинается с контейнера <DL>, куда входит тег <DT> создающий термин и тег <DD> задающий определения этого термина. Закрывающий тег </DL> обязателен. Параметры отсутствуют. Для тегов <DT> и <DD> закрывающий тег необязателен.

Синтаксис
<dl>
<dt> Термин 1
<dd> Определение термина 1
<dt> Термин 2
<dd> Определение термина 2
</dl>

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

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

Специальные символы

1. Символы латиницы
Описание символа	Обозначение	10-ный код	16-ный код	Вид
неразрывный пробел
перевернутый восклицательный знак	¡	¡	¡	¡
цент	¢	¢	¢	¢
фунт стерлингов	£	£	£	£
знак денежной единицы	¤	¤	¤	¤
йена	¥	¥	¥	¥
вертикальная черта	¦	¦	¦	¦
параграф	§	§	§	§
диереза	¨	¨	¨	¨
знак авторского права	©	©	©	©
показатель женского рода	ª	ª	ª	ª
открывающая двойная угловая кавычка	«	«	«	«
знак отрицания	¬	¬	¬	¬
мягкий перенос
охраняемый знак	®	®	®	®
надчеркивание	¯	¯	¯	¯
градус	°	°	°	°
плюс-минус	±	±	±	±
вторая степень	²	²	²	²
третья степень	³	³	³	³
острое ударение	´	´	´	´
знак микро	µ	µ	µ	µ
конец абзаца	¶	¶	¶	¶
средняя точка	·	·	·	·
седиль	¸	¸	¸	¸
единица в верхнем индексе	¹	¹	¹	¹
показатель мужского рода	º	º	º	º
закрывающая двойная угловая кавычка	»	»	»	»
одна четвертая	¼	¼	¼	¼
одна вторая	½	½	½	½
три четверти	¾	¾	¾	¾
перевернутый вопросительный знак	¿	¿	¿	¿
A с тупым ударением	À	À	À	À
A с острым ударением	Á	Á	Á	Á
A с циркумфлексом	Â	Â	Â	Â
A с тильдой	Ã	Ã	Ã	Ã
A с диерезой	Ä	Ä	Ä	Ä
A с кружком	Å	Å	Å	Å
лигатура AE	Æ	Æ	Æ	Æ
C с седилем	Ç	Ç	Ç	Ç
E с тупым ударением	È	È	È	È
E с острым ударением	É	É	É	É
E с циркумфлексом	Ê	Ê	Ê	Ê
E с диерезой	Ë	Ë	Ë	Ë
I с тупым ударением	Ì	Ì	Ì	Ì
I с острым ударением	Í	Í	Í	Í
I с циркумфлексом	Î	Î	Î	Î
I с диерезой	Ï	Ï	Ï	Ï
ETH	Ð	Ð	Ð	Ð
N с тильдой	Ñ	Ñ	Ñ	Ñ
O с тупым ударением	Ò	Ò	Ò	Ò
O с острым ударением	Ó	Ó	Ó	Ó
O с циркумфлексом	Ô	Ô	Ô	Ô
O с тильдой	Õ	Õ	Õ	Õ
O с диерезой	Ö	Ö	Ö	Ö
знак умножения	×	×	×	×
O перечеркнутое	Ø	Ø	Ø	Ø
U с тупым ударением	Ù	Ù	Ù	Ù
U с острым ударением	Ú	Ú	Ú	Ú
U с циркумфлексом	Û	Û	Û	Û
U с диерезой	Ü	Ü	Ü	Ü
Y с острым ударением	Ý	Ý	Ý	Ý
THORN	Þ	Þ	Þ	Þ
двойное s	ß	ß	ß	ß
a с тупым ударением	à	à	à	à
a с острым ударением	á	á	á	á
a с циркумфлексом	â	â	â	â
a с тильдой	ã	ã	ã	ã
a с диерезой	ä	ä	ä	ä
a с кружком	å	å	å	å
лигатура ae	æ	æ	æ	æ
c с седилем	ç	ç	ç	ç
e с тупым ударением	è	è	è	è
e с острым ударением	é	é	é	é
e с циркумфлексом	ê	ê	ê	ê
e с диерезой	ë	ë	ë	ë
i с тупым ударением	ì	ì	ì	ì
i с острым ударением	í	í	í	í
i с циркумфлексом	î	î	î	î
i с диерезой	ï	ï	ï	ï
eth	ð	ð	ð	ð
n с тильдой	ñ	ñ	ñ	ñ
o с тупым ударением	ò	ò	ò	ò
o с острым ударением	ó	ó	ó	ó
o с циркумфлексом	ô	ô	ô	ô
o с тильдой	õ	õ	õ	õ
o с диерезой	ö	ö	ö	ö
знак деления	÷	÷	÷	÷
o перечеркнутое	ø	ø	ø	ø
u с тупым ударением	ù	ù	ù	ù
u с острым ударением	ú	ú	ú	ú
u с циркумфлексом	û	û	û	û
u с диерезой	ü	ü	ü	ü
y с острым ударением	ý	ý	ý	ý
thorn	þ	þ	þ	þ
y с диерезой	ÿ	ÿ	ÿ	ÿ

Таблица П6.2. Специальные символы
Описание символа	Обозначение	10-ный код	16-ный код	Вид
кавычка	"	"	"	"
амперсант	&	&	&	&
левая угловая скобка	<	<	<	<
правая угловая скобка	>	>	>	>
лигатура OE	&OElig;	Œ	Œ	Œ
лигатура oe	&oelig;	œ	œ	œ
S с птичкой	&Scaron;	Š	Š	Š
s с птичкой	&scaron;	š	š	š
Y с диерезой	&Yuml;	Ÿ	Ÿ	Ÿ
циркумфлекс	&circ;	ˆ	ˆ	ˆ
малая тильда	&tilde;	˜	˜	˜
короткий пробел	&ensp;
длинный пробел	&emsp;
узкий пробел
разделитель нулевой ширины	&zwnj;	‌	‌	‌
соединитель нулевой ширины	&zwj;	‍	‍	‍
указатель слева направо	&lrm;	‎	‎	‎
указатель справа налево	&rlm;	‏	‏	‏
короткое тире	–	–	–	–
длинное тире	—	—	—	—
открывающая одинарная кавычка	‘	‘	‘	‘
закрывающая одинарная кавычка	’	’	’	’
нижняя одинарная кавычка	&sbquo;	‚	‚	‚
открывающая двойная кавычка	“	“	“	“
закрывающая двойная кавычка	”	”	”	”
нижняя двойная кавычка	&bdquo;	„	„	„
кинжал	&dagger;	†	†	†
двойной кинжал	&Dagger;	‡	‡	‡
знак промилле	&permil;	‰	‰	‰
открывающая угловая кавычка	&lsaquo;	‹	‹	‹
закрывающая угловая кавычка	&rsaquo;	›	›	›
евро	€	€	€	€

Таблица П6.3. Математические символы и греческие буквы
Описание символа	Обозначение	10-ный код	16-ный код	Вид
курсивное f	&fnof;	ƒ	ƒ	ƒ
прописная альфа	Α	Α	Α	Α
прописная бета	Β	Β	Β	Β
прописная гамма	Γ	Γ	Γ	Γ
прописная дельта	Δ	Δ	Δ	Δ
прописной эпсилон	Ε	Ε	Ε	Ε
прописная дзета	Ζ	Ζ	Ζ	Ζ
прописная эта	Η	Η	Η	Η
прописная тета	Θ	Θ	Θ	Θ
прописная иота	Ι	Ι	Ι	Ι
прописная каппа	Κ	Κ	Κ	Κ
прописная ламбда	Λ	Λ	Λ	Λ
прописная мю	Μ	Μ	Μ	Μ
прописная ню	Ν	Ν	Ν	Ν
прописная кси	Ξ	Ξ	Ξ	Ξ
прописной омикрон	Ο	Ο	Ο	Ο
прописная пи	Π	Π	Π	Π
прописная ро	Ρ	Ρ	Ρ	Ρ
прописная сигма	Σ	Σ	Σ	Σ
прописная тау	Τ	Τ	Τ	Τ
прописная ипсилон	Υ	Υ	Υ	Υ
прописная фи	Φ	Φ	Φ	Φ
прописная хи	Χ	Χ	Χ	Χ
прописная пси	Ψ	Ψ	Ψ	Ψ
прописная омега	Ω	Ω	Ω	Ω
строчная альфа	α	α	α	α
строчная бета	β	β	β	β
строчная гамма	γ	γ	γ	γ
строчная дельта	δ	δ	δ	δ
строчная эпсилон	ε	ε	ε	ε
строчная дзета	ζ	ζ	ζ	ζ
строчная эта	η	η	η	η
строчная тета	θ	θ	θ	θ
строчная иота	ι	ι	ι	ι
строчная каппа	κ	κ	κ	κ
строчная ламбда	λ	λ	λ	λ
строчная мю	μ	μ	μ	μ
строчная ню	ν	ν	ν	ν
строчная кси	ξ	ξ	ξ	ξ
строчный омикрон	ο	ο	ο	ο
строчная пи	π	π	π	π
строчная ро	ρ	ρ	ρ	ρ
строчная сигма конечная	&sigmaf;	ς	ς	ς
строчная сигма	σ	σ	σ	σ
строчная тау	τ	τ	τ	τ
строчная ипсилон	υ	υ	υ	υ
строчная фи	φ	φ	φ	φ
строчная хи	χ	χ	χ	χ
строчная пси	ψ	ψ	ψ	ψ
строчная омега	ω	ω	ω	ω
символ строчная тета	&thetasym;	ϑ	ϑ	ϑ
ипсилон с крючком	&upsih;	ϒ	ϒ	ϒ
символ пи	ϖ	ϖ	ϖ	ϖ
маркер списка	•	•	•	•
многоточие	…	…	…	…
знак прим	′	′	′	′
знак двойной прим	″	″	″	″
надчеркивание	&oline;	‾	‾	‾
дробная черта	&frasl;	⁄	⁄	⁄
рукописная P	&weierp;	℘	℘	℘
мнимая часть числа	&image;	ℑ	ℑ	ℑ
действительная часть числа	&real;	ℜ	ℜ	ℜ
торговая марка	™	™	™	™
алеф	&alefsym;	ℵ	ℵ	ℵ
стрелка влево	←	←	←	←
стрелка вверх	↑	↑	↑	↑
стрелка вправо	→	→	→	→
стрелка вниз	↓	↓	↓	↓
стрелка влево-вправо	↔	↔	↔	↔
возврат каретки	&crarr;	↵	↵	↵
двойная стрелка влево	⇐	⇐	⇐	⇐
двойная стрелка вверх	&uArr;	⇑	⇑	⇑
двойная стрелка вправо	⇒	⇒	⇒	⇒
двойная стрелка вниз	&dArr;	⇓	⇓	⇓
двойная стрелка влево-вправо	⇔	⇔	⇔	⇔
квантор всеобщности	∀	∀	∀	∀
знак дифференциала	∂	∂	∂	∂
квантор существования	∃	∃	∃	∃
пустое множество	∅	∅	∅	∅
набла	∇	∇	∇	∇
принадлежит множеству	∈	∈	∈	∈
не принадлежит множеству	∉	∉	∉	∉
является членом	&ni;	∋	∋	∋
n-арное произведение	∏	∏	∏	∏
n-арная сумма	∑	∑	∑	∑
знак минус	−	−	−	−
оператор звездочка	&lowast;	∗	∗	∗
радикал	√	√	√	√
пропорционально	&prop;	∝	∝	∝
бесконечность	∞	∞	∞	∞
угол	&ang;	∠	∠	∠
логическое И	&and;	∧	∧	∧
логическое ИЛИ	&or;	∨	∨	∨
пересечение	∩	∩	∩	∩
объединение	∪	∪	∪	∪
интеграл	∫	∫	∫	∫
следовательно	&there4;	∴	∴	∴
оператор тильда	&sim;	∼	∼	∼
приблизительно равно	&cong;	≅	≅	≅
асимптотически равно	≈	≈	≈	≈
не равно	≠	≠	≠	≠
тождественно равно	&equiv;	≡	≡	≡
меньше или равно	≤	≤	≤	≤
больше или равно	≥	≥	≥	≥
подмножество	⊂	⊂	⊂	⊂
надмножество	⊃	⊃	⊃	⊃
не подмножество	&nsub;	⊄	⊄	⊄
подмножество или равно	&sube;	⊆	⊆	⊆
надмножество или равно	&supe;	⊇	⊇	⊇
прямая сумма	&oplus;	⊕	⊕	⊕
векторное произведение	&otimes;	⊗	⊗	⊗
перпендикулярно	&perp;	⊥	⊥	⊥
оператор точка	⋅	⋅	⋅	⋅
левый верхний угол	&lceil;	⌈	⌈	⌈
правый верхний угол	&rceil;	⌉	⌉	⌉
левый нижний угол	&lfloor;	⌊	⌊	⌊
правый нижний угол	&rfloor;	⌋	⌋	⌋
левая угловая скобка	&lang;	〈	〈	〈
правая угловая скобка	&rang;	〉	〉	〉
ромб	&loz;	◊	◊	◊
пики	&spades;	♠	♠	♠
трефы	&clubs;	♣	♣	♣
червы	&hearts;	♥	♥	♥
бубны	&diams;	♦	♦	♦

left	Выравнивание по левому краю
right	Выравнивание по правому краю
center	Выравнивание по центру
bottom	Выравнивание по нижнему краю
top	Выравнивание по верхнему краю
middle	Выравнивание по середине