Тег: <html> [контейнерный]Указывает программе просмотра страниц что это HTML документ. В нём содержатся обязательные теги <head>, <body>.Тег: <head> [контейнерный]Определяет место, где помещается различная информация не отображаемая в теле документа. В нём распологаются теги: <title>, <meta>, <link>, <style>, <base>.Тег: <body> [контейнерный]Определяет видимую часть документа. Атрибуты:<body bgcolor="..."> Цвет фона. Работает так же и в тегах <td> и <tr>.<body text="..."> Устанавливает цвет текста. <body link="..."> Устанавливает цвет гиперссылок. <body alink="..."> Устанавливает цвет гиперссылок при нажатии. <body vlink="..."> Устанавливает цвет гиперссылок, на которых вы уже побывали. <body background="..."> Фоновое изображение. <body top-margin="..."> Задаёт расстояние от границы браузера до основной таблицы. Примеры:top-margin — отступ сверху. От 0 до ... right-margin — отступ справа. От 0 до .. bottom-margin — отступ снизу. От 0 до ... left-margin" — отступ слева. От 0 до ...Тег: <title> [контейнерный]Помещает название документа в оглавление программы просмотра страниц.Тег: <base> [одиночный]<base href="..."> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью). <base target="..."> Указание браузеру от какого базового окна открываются все ссылки (кроме ссылок с отдельным указанием данного параметра). Значения атрибута target="_blank" — откроет документ в новом окне. "_parent" — откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне. "_top" — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, откроет в текущем окне. "_self" — откроет в текущем окне (по умолчанию для ссылок).Тег: <meta> [одиночный]Метаинформация. Служит в основном для поисковых роботов. Атрибуты и значения:<meta name="description" content="..."> Описание документа. <meta name="keywords" content="..."> Ключевые слова. <meta name="robots" content="..."> Управление процессом индексации. Возможные варианты:"index" — возможность индексирования данного документа. Наоборот - "noindex" "follow" — возможность индексировать все документы, на которые есть ссылки в данном HTML-файле. Наоборот - "nofollow" "all" — одновременное условие 2-ух вышеперечисленных. "none" — одновременное условие 2-ух первоперечисленных. Наоборот.<meta http-equiv="content-type" content="text/html; charset=windows-1251"> Кодировка документа. <meta http-equiv="refresh" content="30"> Указывает, что документ следует перезагружать через 30 с. Тег: <style> [одиночный]Указывает на таблицу стилей (CSS). Записывается в теге <head>. Есть 3 способа применения:1] <link rel="stylesheet" type="text/css" href="..."> — Таблица связанных стилей. В href="..." указывается путь к таблице. 2] <style> h1 { color:red; font-family:arial } </style> — Таблица глобальных стилей. Пишется в теге <head>. 3] <i style="color:red; font-family:arial">пример</i> — Таблица внутренних стилей. Прописывается в теге.Тег: <table> [контейнерный]Создаёт таблицу. Обязательные теги: <td>, <tr>. Пример:<table> <tr> <td> Пример </td> </tr> </table>Возможные атрибуты тега:<table border="..."> Задаёт толщину рамки. От 0 до ... <table bordercolor="..."> Задаёт цвет рамки. <table cellspacing="..."> Расстояние между ячейками таблицы. От 0 до ... <table cellpadding="..."> Расстояние между содержимым ячейки и её рамки. От 0 до ... <table width="..."> Ширина таблицы. От 0 до ... <table height="..."> Высота таблицы. От 0 до ...Тег: <tr> [контейнерный]Создаёт строку в таблице. Допустимые атрибуты:<tr align="..."> Задаёт горизонтальное выравнивание ячеек в таблице. Допустимые значения:"left" — выравнивание по левому краю. "center" — выравнивание по центру. "right" — выравнивание по правому краю. "justify" — выравнивание теста на всю строчку.<tr valign="..."> Задаёт вертикальное выравнивание ячеек в таблице. Допустимые значения:"top" — выравнивание по верхнему краю. "middle" — выравнивание по центру. "bottom" — выравнивание по нижнему краю.<tr bgcolor="..."> Задаёт цвет фона.Тег: <td> [контейнерный]Создаёт ячейку в таблице. Допустимые атрибуты: <align>, <valign>, <bgcolor>, <width>, <height>...<td colspan="..."> Указывает кол-во столбцев, которое объединено в одной ячейке. От 1 до ... <td rowspan="..."> Указывает кол-во строк, которое объединено в одной ячейке. От 1 до ...Тег: <th> [контейнерный]Определяет заголовок таблицы. Нормальная ячейка с отцентрованным жирным текстом.Тег: <p> [контейнерный]Создает новый параграф. Встречая этот тег, браузер продолжает текст с новой строки. Возможные атрибуты: <align>.Тег: <h> [контейнерный]Задаёт заголовок.<h1>...</h1> - самый большой заголовок.<h6>...</h6> - самый маленький заголовок. Возможные атрибуты: <align>.Тег: <br> [одиночный]Переносит текст на новую строку.Тег: <nobr> [одиночный]Запрещает перевод строки.Тег: <b> [контейнерный]Создает жирый текст. <b>пример</b>.Тег: <u> [контейнерный]Создаёт подчёркнутый текст. <u>пример</u>.Тег: <i> [контейнерный]Создаёт наклонный текст. <i>пример</i>.Тег: <tt> [контейнерный]Создаёт текст - имитирующий стиль печатной машинки. <tt>пример</tt>.Тег: <kbd> [контейнерный]Создаёт текст - имитирующий стиль печатной машинки. <kbd>пример</kbd>.Тег: <em> [контейнерный]Наклонный текст (воспринимается посковыми роботами как выделение).Тег: <strong> [контейнерный]Жирный текст (воспринимается посковыми роботами, как особо сильное выделение).Тег: <hr> [одиночный]Добавляет в HTML документ горизонтальную линию. Возможные атрибуты:<hr noshade="..."> Создает линию без тени. <hr size="..."> Устанавливает высоту (толщину) линии. <hr width="..."> Устанавливает ширину линии. <hr align="..."> Задаёт горизонтальное выравнивание в таблице. <hr color="..."> Задает линии определенный цвет.Тег: <sub> [контейнерный]Задаёт в тексте нижний индекс. Пример: Н<sub>2</sub>O [H2O].Тег: <sup> [контейнерный]Задаёт в тексте верхний индекс. Пример c2=a2+b2.Тег: <font> [контейнерный]Используется для форматирования текста. Не действует без атрибутов. Возможные атрибуты:<font face="..."> Указывает шрифт. <font size="..."> Устанавливает размер текста. От 1 до 7. <font color="..."> Задает тексту определенный цвет.Тег: <a> [контейнерный]Создает гиперссылку на другие сайты. Возможные атрибуты:<a href="URL"> Указывает путь на другую страницу. <a target="..."> Указывает в каком окне открывать гиперссылку. <a title="..."> Выскакивает подсказка при наведении на ссылку. <a href="mailto:EMAIL"> Открывает почтовую программу с указанным EMAIL. <a name="..."> Отмечает часть текста, как метку для гипперссылок на странице. Служит якорем. <a href="#name"> Указывает путь к якорю.Тег: <img> [одиночный]Добавляет изображение в HTML документ. Обязательный атрибут - <img src="URL">. Атрибуты:<img src="URL" align="..."> Выравнивает изображение к одной из сторон документа. <img src="URL" border="..."> Устанавливает толщину рамки вокруг изображения. <img src="URL" vspace="..."> Устанавливает поля сверху и снизу. От 0 до ... <img src="URL" hspace="..."> Устанавливает поля слева и справа. От 0 до ... <img src="URL" alt="..."> Всплывающая подсказка при наведении на картинку.Тег: <ul> [контейнерный]Создаёт маркированный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:<ul type="..."> Задаёт тип маркера. Допустимые значения:"disk" — маркер в виде закрашенного кружка. "circle" — маркер в виде кружка. "square" — маркер в виде закрашенного крадрата.Тег: <ol> [контейнерный]Создаёт нумерованный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:<ol type="..."> Задаёт тип маркера. <ol start="..."> Определяет с какого значения начинать список.Тег: <dl> [контейнерный]Создает список определений. Содержат термины <dt> [одиночный] и определения <dd> [одиночный].Тег: <cite> [контейнерный]Цитирование.Тег: <code> [контейнерный]Отображает примеры кода.Тег: <samp> [контейнерный]Последовательность литералов.Тег: <var> [контейнерный]Переменная.Тег: <dfn> [контейнерный]Определение.Тег: <q> [контейнерный]Текст, заключённый в скобки.Тег: <pre> [контейнерный]Обрамляет предварительно отформатированный текст.Тег: <addres> [контейнерный]Отображается курсивом в виде отдельного абзаца.Тег: <nobr> [одиночный]Запрещает перевод строки.Тег: <blockqote> [контейнерный]Создает отступы с обеих сторон текста.Тег: <marquee> [контейнерный]Бегущая строка. Возможные атрибуты:<marquee scrollamount="..."> Скорость перемещения текста. От 0 до ... <marquee behavior="alternate"> Прыжки.
HTML
Теги и атрибуты
Тег: <html> [контейнерный]Указывает программе просмотра страниц что это HTML документ. В нём содержатся обязательные теги <head>, <body>.Тег: <head> [контейнерный]Определяет место, где помещается различная информация не отображаемая в теле документа. В нём распологаются теги: <title>, <meta>, <link>, <style>, <base>.Тег: <body> [контейнерный]Определяет видимую часть документа. Атрибуты:<body bgcolor="..."> Цвет фона. Работает так же и в тегах <td> и <tr>.<body text="..."> Устанавливает цвет текста.
<body link="..."> Устанавливает цвет гиперссылок.
<body alink="..."> Устанавливает цвет гиперссылок при нажатии.
<body vlink="..."> Устанавливает цвет гиперссылок, на которых вы уже побывали.
<body background="..."> Фоновое изображение.
<body top-margin="..."> Задаёт расстояние от границы браузера до основной таблицы. Примеры:top-margin — отступ сверху. От 0 до ...
right-margin — отступ справа. От 0 до ..
bottom-margin — отступ снизу. От 0 до ...
left-margin" — отступ слева. От 0 до ...Тег: <title> [контейнерный]Помещает название документа в оглавление программы просмотра страниц.Тег: <base> [одиночный]<base href="..."> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью).
<base target="..."> Указание браузеру от какого базового окна открываются все ссылки (кроме ссылок с отдельным указанием данного параметра). Значения атрибута target="_blank" — откроет документ в новом окне.
"_parent" — откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне.
"_top" — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, откроет в текущем окне.
"_self" — откроет в текущем окне (по умолчанию для ссылок).Тег: <meta> [одиночный]Метаинформация. Служит в основном для поисковых роботов. Атрибуты и значения:<meta name="description" content="..."> Описание документа.
<meta name="keywords" content="..."> Ключевые слова.
<meta name="robots" content="..."> Управление процессом индексации. Возможные варианты:"index" — возможность индексирования данного документа. Наоборот - "noindex"
"follow" — возможность индексировать все документы, на которые есть ссылки в данном HTML-файле. Наоборот - "nofollow"
"all" — одновременное условие 2-ух вышеперечисленных.
"none" — одновременное условие 2-ух первоперечисленных. Наоборот.<meta http-equiv="content-type" content="text/html; charset=windows-1251"> Кодировка документа.
<meta http-equiv="refresh" content="30"> Указывает, что документ следует перезагружать через 30 с.
Тег: <style> [одиночный]Указывает на таблицу стилей (CSS). Записывается в теге <head>. Есть 3 способа применения:1] <link rel="stylesheet" type="text/css" href="..."> — Таблица связанных стилей. В href="..." указывается путь к таблице.
2] <style>
h1 { color:red; font-family:arial }
</style> — Таблица глобальных стилей. Пишется в теге <head>.
3] <i style="color:red; font-family:arial">пример</i> — Таблица внутренних стилей. Прописывается в теге.Тег: <table> [контейнерный]Создаёт таблицу. Обязательные теги: <td>, <tr>. Пример:<table>
<tr>
<td> Пример
</td>
</tr>
</table>Возможные атрибуты тега:<table border="..."> Задаёт толщину рамки. От 0 до ...
<table bordercolor="..."> Задаёт цвет рамки.
<table cellspacing="..."> Расстояние между ячейками таблицы. От 0 до ...
<table cellpadding="..."> Расстояние между содержимым ячейки и её рамки. От 0 до ...
<table width="..."> Ширина таблицы. От 0 до ...
<table height="..."> Высота таблицы. От 0 до ...Тег: <tr> [контейнерный]Создаёт строку в таблице. Допустимые атрибуты:<tr align="..."> Задаёт горизонтальное выравнивание ячеек в таблице. Допустимые значения:"left" — выравнивание по левому краю.
"center" — выравнивание по центру.
"right" — выравнивание по правому краю.
"justify" — выравнивание теста на всю строчку.<tr valign="..."> Задаёт вертикальное выравнивание ячеек в таблице. Допустимые значения:"top" — выравнивание по верхнему краю.
"middle" — выравнивание по центру.
"bottom" — выравнивание по нижнему краю.<tr bgcolor="..."> Задаёт цвет фона.Тег: <td> [контейнерный]Создаёт ячейку в таблице. Допустимые атрибуты: <align>, <valign>, <bgcolor>, <width>, <height>...<td colspan="..."> Указывает кол-во столбцев, которое объединено в одной ячейке. От 1 до ...
<td rowspan="..."> Указывает кол-во строк, которое объединено в одной ячейке. От 1 до ...Тег: <th> [контейнерный]Определяет заголовок таблицы. Нормальная ячейка с отцентрованным жирным текстом.Тег: <p> [контейнерный]Создает новый параграф. Встречая этот тег, браузер продолжает текст с новой строки.
Возможные атрибуты: <align>.Тег: <h> [контейнерный]Задаёт заголовок.<h1>...</h1> - самый большой заголовок.<h6>...</h6> - самый маленький заголовок.
Возможные атрибуты: <align>.Тег: <br> [одиночный]Переносит текст на новую строку.Тег: <nobr> [одиночный]Запрещает перевод строки.Тег: <b> [контейнерный]Создает жирый текст. <b>пример</b>.Тег: <u> [контейнерный]Создаёт подчёркнутый текст. <u>пример</u>.Тег: <i> [контейнерный]Создаёт наклонный текст. <i>пример</i>.Тег: <tt> [контейнерный]Создаёт текст - имитирующий стиль печатной машинки. <tt>пример</tt>.Тег: <kbd> [контейнерный]Создаёт текст - имитирующий стиль печатной машинки. <kbd>пример</kbd>.Тег: <em> [контейнерный]Наклонный текст (воспринимается посковыми роботами как выделение).Тег: <strong> [контейнерный]Жирный текст (воспринимается посковыми роботами, как особо сильное выделение).Тег: <hr> [одиночный]Добавляет в HTML документ горизонтальную линию. Возможные атрибуты:<hr noshade="..."> Создает линию без тени.
<hr size="..."> Устанавливает высоту (толщину) линии.
<hr width="..."> Устанавливает ширину линии.
<hr align="..."> Задаёт горизонтальное выравнивание в таблице.
<hr color="..."> Задает линии определенный цвет.Тег: <sub> [контейнерный]Задаёт в тексте нижний индекс. Пример: Н<sub>2</sub>O [H2O].Тег: <sup> [контейнерный]Задаёт в тексте верхний индекс. Пример c2=a2+b2.Тег: <font> [контейнерный]Используется для форматирования текста. Не действует без атрибутов. Возможные атрибуты:<font face="..."> Указывает шрифт.
<font size="..."> Устанавливает размер текста. От 1 до 7.
<font color="..."> Задает тексту определенный цвет.Тег: <a> [контейнерный]Создает гиперссылку на другие сайты. Возможные атрибуты:<a href="URL"> Указывает путь на другую страницу.
<a target="..."> Указывает в каком окне открывать гиперссылку.
<a title="..."> Выскакивает подсказка при наведении на ссылку.
<a href="mailto:EMAIL"> Открывает почтовую программу с указанным EMAIL.
<a name="..."> Отмечает часть текста, как метку для гипперссылок на странице. Служит якорем.
<a href="#name"> Указывает путь к якорю.Тег: <img> [одиночный]Добавляет изображение в HTML документ. Обязательный атрибут - <img src="URL">. Атрибуты:<img src="URL" align="..."> Выравнивает изображение к одной из сторон документа.
<img src="URL" border="..."> Устанавливает толщину рамки вокруг изображения.
<img src="URL" vspace="..."> Устанавливает поля сверху и снизу. От 0 до ...
<img src="URL" hspace="..."> Устанавливает поля слева и справа. От 0 до ...
<img src="URL" alt="..."> Всплывающая подсказка при наведении на картинку.Тег: <ul> [контейнерный]Создаёт маркированный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:<ul type="..."> Задаёт тип маркера. Допустимые значения:"disk" — маркер в виде закрашенного кружка.
"circle" — маркер в виде кружка.
"square" — маркер в виде закрашенного крадрата.Тег: <ol> [контейнерный]Создаёт нумерованный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:<ol type="..."> Задаёт тип маркера.
<ol start="..."> Определяет с какого значения начинать список.Тег: <dl> [контейнерный]Создает список определений. Содержат термины <dt> [одиночный] и определения <dd> [одиночный].Тег: <cite> [контейнерный]Цитирование.Тег: <code> [контейнерный]Отображает примеры кода.Тег: <samp> [контейнерный]Последовательность литералов.Тег: <var> [контейнерный]Переменная.Тег: <dfn> [контейнерный]Определение.Тег: <q> [контейнерный]Текст, заключённый в скобки.Тег: <pre> [контейнерный]Обрамляет предварительно отформатированный текст.Тег: <addres> [контейнерный]Отображается курсивом в виде отдельного абзаца.Тег: <nobr> [одиночный]Запрещает перевод строки.Тег: <blockqote> [контейнерный]Создает отступы с обеих сторон текста.Тег: <marquee> [контейнерный]Бегущая строка. Возможные атрибуты:<marquee scrollamount="..."> Скорость перемещения текста. От 0 до ...
<marquee behavior="alternate"> Прыжки.