Таблица основных тегов html: Таблица основных тегов HTML | Vavik96 – Теги в html расшифровка и перевод

Таблица основных тегов HTML | Vavik96

Основные теги
<;html>;<;/html>; Указывает программе просмотра страниц что это HTML документ.
<;head>;<;/head>; Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<;body>;<;/body>; Определяет видимую часть документа
Теги оглавления
<;title>;<;/title>;Помещает название документа в оглавление программы просмотра страниц
Атрибуты тела документа
<;body bgcolor=?>;Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB – пример: FF0000 – красный цвет.
<;body text=?>;Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB – пример: 000000 – черный цвет.
<;body link=?>;Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB – пример: 00FF00 – зеленый цвет.
<;body vlink=?>;Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB – пример: 333333 – серый цвет.
<;body alink=?>;Устанавливает цвет гиперссылок при нажатии.
Теги для форматирования текста
<;pre>;<;/pre>;Обрамляет предварительно отформатированный текст.
<;h2>;<;/h2>;Создает САМЫЙ БОЛЬШОЙ заголовок
<;h5>;<;/h5>;Создает самый маленький заголовок
<;b>;<;/b>;
Создает жирый текст
<;i>;<;/i>;Создает наклонный текст
<;tt>;<;/tt>;Создает текст – имитирующий стиль печатной машинки.
<;cite>;<;/cite>;Используется для цитат, обычно наклонный текст.
<;em>;<;/em>;Используется для выделения из текста слова (наклонный или жирный текст)
<;font size=?>;<;/font>;Устанавливает размер текста в пределах от 1 до 7.
<;font color=?>;<;/font>;Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
Гиперссылки
<;a href="URL">;<;/a>;Создает гиперссылку на другие документы или часть текущего документа.
<;a href="mailto:EMAIL">;
<;/a>;
Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
<;a name="NAME">;<;/a>;Отмечает часть текста как цель для гипперссылок в документе.
<;a href="#NAME">;<;/a>;Создает гиперссылку на часть текущего документа.
Форматирование
<;p>;Создает новый параграф
<;p align=?>;Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
<;br>;Вставляет перевод строки.
<;blockquote>;
<;/blockquote>;
Создает отступы с обеих сторон текста.
<;dl>;<;/dl>;Создает список определений.
<;dt>;Определяет каждый из терминов списка
<;dd>;Описывает каждое определение
<;ol>;<;/ol>;Создает нумерованный список
<;li>;Определяет каждый элемент списка и присваивает номер
<;ul>;<;/ul>;Создает ненумерованный список
<;li>;Предваряет каждый элемент списка и добавляет кружок или квадратик.
<;div align=?>;Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы
<;img src="name">;Добавляет изображение в HTML документ
<;img src="name" align=?>;Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<;img src="name" border=?>;Устанавливает толщину рамки вокруг изображения
<;hr>;Добавляет в HTML документ горизонтальную линию.
<;hr size=?>;Устанавливает высоту(толщину) линии
<;hr width=?>;Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<;hr noshade>;Создает линию без тени.
<;hr color=?>;Задает линии определенный цвет. Значение RRGGBB.
Таблицы
<;table><;/table>Создает таблицу.
<;tr><;/tr>Определяет строку в таблице.
<;td><;/td>Определяет отдельную ячейку в таблице.
<;th><;/th>Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
Атрибуты таблицы
<;table border=#>;Задает толщину рамки таблицы.
<;table cellspacing=#>;Задает расстояние между ячейками таблицы.
<;table cellpadding=#>;Задает расстояние между содержимым ячейки и ее рамкой.
<;table width=#>;Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<;tr align=?>; или <;td align=?>;Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<;tr valign=?>; или <;td valign=?>;Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<;td colspan=#>;Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)
<;td rowspan=#>;Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)
<;td nowrap>;Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
Фреймы
<;frameset>;<;/frameset>;Предваряет тег <;body>; в документе, содержащем фреймы;
<;frameset rows="value,value">;Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.
<;frameset cols="value,value">;Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.
<;frame>;Определяет единичный фрейм или область в таблице фреймов.
<;noframes>;<;/noframes>;Определяет, что будет показано в окне браузера если он не поддерживает фреймы.
Атрибуты фреймов
<;frame src="URL">;Определяет какой из HTML документов будет показан во фрейме.
<;frame name="name">;Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фреймр или область из других фреймов.
<;frame marginwidth=#>;Определяет величину отступов по левому и правому краям фрема; должно быть равно или больше 1.
<;frame marginheight=#>;Определяет величину отступов по верхнему и нижнему краям фрейма; должно быть равно или больше 1.
<;frame scrolling=VALUE>;Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть “yes,” “no,” или “auto”. Значение по умолчанию для обычных документов – auto.
<;frame noresize>;Препятствует изменению размеров фрейма.
Формы
Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML только создает внешний интерфейс формы.
<;form>;<;/form>;Создает формы
<;select multiple name="NAME" size=?>;<;/select>;Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
<;option>;Указывает каждый отдельный элемент меню
<;select name="NAME">;<;/select>;Создает ниспадающее меню
<;option>;Указывает каждый отдельный элемент меню
<;textarea name="NAME" cols=40 rows=8>;<;/textarea>;Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
<;input type="checkbox" name="NAME">;Создает checkbox. За тегом следует текст.
<;input type="radio" name="NAME" value="x">;Создает radio кнопку. За тегом следует текст.
<;input type=text name="foo" size=20>;Создает строку для ввода текста. Параметром Size указывается длина в символах.
<;input type="submit" value="NAME">;Создает кнопку “Принять”
<;input type="image" border=0 name="NAME" src="name.gif">;Создает кнопку “Принять” – для этого используется изображение
<;input type="reset">;Создает кнопку “Отмена”

Таблица основных тегов HTML

Основные теги
Теги оглавления
Атрибуты тела документа
Теги форматирования текста
Гиперссылки
Форматирование
Графические элементы
Таблицы
Атрибуты таблицы
Фреймы
Атрибуты фреймов
Ифрейм и его атрибуты
Формы
Основные теги
<html> </html> Указывает браузеру, что это HTML документ.
<head> </head> Определяет место, где помещается информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<body> </body> Определяет видимую часть документа.
Теги оглавления
<base href="www.?"> Указывает браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью).
<base target="?"> Указывает браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра).
<meta name="allow-search" content="?"> Указание для поисковых роботов как следует сканировать данную страницу.
<meta http-equiv="distribution" content="?"> Указание для поисковых роботов относится ли данная страница к мировым.
<meta name="robots" content="?"> Указание для поисковых роботов как следует сканировать данную страницу.
<meta name="author" content="?"> Указание автора странички.
<meta name="keywords" content="?"> Описание содержащийся информации (для поисковых машин)
<meta http-eguiv="content-type" content="text/plain;churset="?"> Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.)
Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.
<meta name="description" content="?"> Ключевые слова странички (для поисковых машин).
<meta http-equiv="Refresh" content="1;url=http://www.google.ru/"> Через 1 секунду происходит переключение на сайт Гугла.
<title> </title> Помещает название документа в оглавление программы просмотра страниц.
Атрибуты тела документа
<body bgcolor="?"> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: ffffff - красный цвет.
<body text="?"> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
<body link="?"> Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
<body vlink="?"> Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
<body alink="?"> Устанавливает цвет гиперссылок при нажатии.
Теги форматирования текста
<pre> </pre> Обрамляет предварительно отформатированный текст.
<h2> </h2> Создает самый большой заголовок.
<h3> </h3>, <h4> </h4>, <h5> </h5>, <h5> </h5> Создает заголовки промежуточных размеров.
<h6> </h6> Создает самый маленький заголовок.
<b> </b> Жирный текст (нерекомендованный).
<i> </i> Наклонный текст (нерекомендованный).
<tt> </tt> Имитирует стиль печатной машинки. (нерекомендованный).
<kbd> </kbd> Имитирует стиль печатной машинки. (рекомендованный).
<var> </var> Название переменных отображается курсивом.
<cite> </cite> Курсив.
<address> </address> Отображается курсивом в виде отдельного абзаца
<em> </em> Наклонный текст (воспринимается посковыми роботами как выделение)
<u> </u> Подчеркивание.
<strong> </strong> Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)
<font size="?"> </font> Устанавливает размер текста в пределах от 1 до 7.
<font color="?"> </font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
Гиперссылки
<a href="URL"> </a> Создает гиперссылку на другие сайты.
<atarget="?"> </a> Указывает в каком окне открывать гиперссылку.
параметрыЗначение
_Blank Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно
_Parent Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку
_Self Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
_Top Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы
  При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, при этом страница откроется в указаной части окна.
<a href="NAME"> </a> Создает гиперссылку на другую страницу.
<a href="mailto:EMAIL"> </a> Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
<a href="#name"> </a> Создает гиперссылку на метку текущей страници.
<a name="name"> </a> Отмечает часть текста, как метку для гипперссылок на странице.
<a href="NAME#name"> </a> Создает гиперссылку на метку другой страници.
Форматирование
<p> </p> Создает новый параграф
<p align="?"> </p> Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
<nobr> Запрещает перевод строки.
<wbr> Указывает где разбивать строку для переноса при необходимости.
<br> Вставляет перевод строки.
<blockquote> </blockquote> Создает отступы с обеих сторон текста.
<dl> </dl> Создает список определений.
<dt> Определяет каждый из терминов списка
<dd> Описывает каждое определение
<ol> </ol> Создает нумерованный список
<li> Определяет каждый элемент списка и присваивает номер
<ul> </ul> Создает ненумерованный список
<li> Предваряет каждый элемент списка и добавляет кружок или квадратик.
<div align="?"> </div> Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы
<img src="name"> Добавляет изображение в HTML документ
<img src="name" align="?"> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<img src="name" border="?"> Устанавливает толщину рамки вокруг изображения
<img src="name" vspase="?"> Устанавливает поля сверху и снизу
<img src="name" hspase="?"> Устанавливает поля сбоков
<img src="name" alt="?"> Всплывающая подсказка при наведении на имедж
<hr> Добавляет в HTML документ горизонтальную линию.
<hr size="?"> Устанавливает высоту (толщину) линии
<hr> Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<hr noshade> Создает линию без тени.
<hr color="?"> Задает линии определенный цвет. Значение RRGGBB.
Таблицы
<table> </table> Создает таблицу.
<tr> </tr> Определяет строку в таблице.
<td> </td> Определяет отдельную ячейку в таблице.
<th> </th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
<caption> </caption> Определяет подпись таблицы
Атрибуты таблицы
<table border="#"> Задает толщину рамки таблицы.
<table cellspacing="#"> Задает расстояние между ячейками таблицы.
<table cellpadding="#"> Задает расстояние между содержимым ячейки и ее рамкой.
<table> Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<table> Устанавливает высоту таблицы в пикселах или процентах от высоты документа.
<tr align="?"> или <td align="?"> Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign="?"> или <td valign="?"> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<td colspan="#"> Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1)
<td rowspan="#"> Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
<td> Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).
<td> Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту).
Фреймы
<frameset> </frameset> Предваряет тег <body> в документе, содержащем фреймы;
<frameset rows="value,value"> Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.
<frameset cols="value,value"> Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.
<frame> Определяет единичный фрейм или область в таблице фреймов.
<noframes> </noframes> Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.
Атрибуты фреймов
<frame src="URL"> Определяет какой из HTML документов будет показан во фрейме.
<frame name="name"> Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов.
<frame marginwidth="#"> Определяет величину отступов по левому и правому краям в нутрь фрейма; должно быть равно или больше 1.
<frame marginheight="#"> Определяет величину отступов по верхнему и нижнему краям в нутрь фрейма; должно быть равно или больше 1.
<frame scrolling=VALUE> Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<frame noresize> Препятствует изменению размеров фрейма пользователем.
Ифрейм и его атрибуты
<iframe> </iframe> Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер.
<iframe src="URL"> Определяет какой из HTML документов будет показан в ифрейме.
<iframe name="name"> Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм .
<iframe vspase="?"> Устанавливает поля сверху и снизу с наружи от ифрейма
<iframe hspase="?"> Устанавливает поля сбоков с наружи от ифрейма
<iframe marginwidth="#"> Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1.
<iframe marginheight="#"> Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1.
<iframe scrolling=VALUE> Указывает будет-ли выводится линейка прокрутки в ифрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<iframe> Определяет ширину ифрейма
<iframe> Определяет высоту ифрейма;
<iframe title="?"> Текст всплывающей подсказки
Формы
<form> </form> Создает формы
<select multiple name="NAME" size="?"> </select> Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
<option> Указывает каждый отдельный элемент меню
<select name="NAME"> </select> Создает ниспадающее меню
<option> Указывает каждый отдельный элемент меню
<textarea name="NAME" cols=40 rows=8> </textarea> Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
<input type="checkbox" name="NAME"> Создает checkbox.
<input type="radio" name="NAME" value="x"> Создает radio кнопку.
<input type=text name="foo" size=20> Создает строку для ввода текста. Параметром Size указывается длина в символах.
<input type="submit" value="NAME"> Создает кнопку "Отправить"
<input type="image" border="0" name="NAME" src="name.gif"> Создает кнопку "Отправить" - для этого используется изображение
<input type="reset"> Создает кнопку "Очистить"

Основные теги HTML

<html></html> - Указывает программе просмотра страниц что это HTML документ.

<head></head> - Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

<body></body> - Определяет видимую часть документа

Теги оглавления

<title></title> - Помещает название документа в оглавление программы просмотра страниц 

Атрибуты тела документа

<body bgcolor=?> - Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.

<body text=?> - Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.

<body link=?> - Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.

<body vlink=?> - Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.

<body alink=?> - Устанавливает цвет гиперссылок при нажатии. 

Теги для форматирования текста

<pre></pre> - Обрамляет предварительно отформатированный текст.

<h2></h2> - Создает САМЫЙ БОЛЬШОЙ заголовок

<h6></h6> - Создает самый маленький заголовок

<b></b> - Создает жирый текст

<i></i> - Создает наклонный текст

<tt></tt> - Создает текст - имитирующий стиль печатной машинки.Используется для цитат, обычно наклонный текст.

<em></em> - Используется для выделения из текста слова (наклонный или жирный текст)

<strong></strong> - Используется для выделения наиболее выжных частей текста (наклонный или жирный текст)

<font size=?></font> - Устанавливает размер текста в пределах от 1 до 7.

<font color=?></font> - Устанавливает цвет текста, используя значение цвета в виде RRGGBB. 

Гиперссылки

<a xhref="/URL"></a> - Создает гиперссылку на другие документы или часть текущего документа.

<a xhref="mailto:EMAIL"></a> - Создает гиперссылку вызова почтовой программы для написания письма автору документа.

<a name="NAME"></a> - Отмечает часть текста как цель для гипперссылок в документе.

<a xhref="http://www.cyberguru.ru/#NAME"></a> - Создает гиперссылку на часть текущего документа. 

Форматирование 

<p> - Создает новый параграф

<p align=?> - Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center

<br> - Вставляет перевод строки.

<blockquote></blockquote> - Создает отступы с обеих сторон текста.<dl></dl>Создает список определений.

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

<dd> - Описывает каждое определение

<ol></ol> - Создает нумерованный список

<li> - Определяет каждый элемент списка и присваивает номер

<ul></ul> - Создает ненумерованный список

<li> - Предваряет каждый элемент списка и добавляет кружок или квадратик.

<div align=?> - Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей 

Графические элементы 

<img xsrc="/name"> - Добавляет изображение в HTML документ

<img xsrc="/name" align=?> - Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

<img xsrc="/name" border=?> - Устанавливает толщину рамки вокруг изображения

<hr> - Добавляет в HTML документ горизонтальную линию.<hr size=?>Устанавливает высоту(толщину) линии

<hr width=?> - Устанавливает ширину линии, можно указать ширину в пикселах или процентах.

<hr noshade> - Создает линию без тени.

<hr color=?> - Задает линии определенный цвет. Значение RRGGBB. 

Таблицы 

<table></table> - Создает таблицу.

<tr></tr> - Определяет строку в таблице.

<td></td> - Определяет отдельную ячейку в таблице.

<th></th> - Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)

Атрибуты таблицы 

<table border=#> - Задает толщину рамки таблицы.

<table cellspacing=#> - Задает расстояние между ячейками таблицы.

<table cellpadding=#> - Задает расстояние между содержимым ячейки и ее рамкой.

<table width=#> - Устанавливает ширину таблицы в пикселах или процентах от ширины документа.

<tr align=?> или <td align=?> - Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.

<tr valign=?> или <td valign=?> - Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.

<td colspan=#> - Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)

<td rowspan=#> - Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)

<td nowrap> - Не позволяет программе просмотра делать перевод строки в ячейке таблицы. 

Кадры 

<frameset></frameset> - Предваряет тег <body> в документе, содержащем кадры;

<frameset rows="value,value"> - Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.

<frameset cols="value,value"> - Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.

<frame> - Определяет единичный кадр или область в таблице кадров.

<noframes></noframes> - Определяет, что будет показано в окне браузера если он не поддерживает кадры. 

Атрибуты кадров 

<frame xsrc="/URL"> - Определяет какой из HTML документов будет показан в кадре.

<frame name="name"> - Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров.

<frame marginwidth=#> - Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.

<frame marginheight=#> - Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.

<frame scrolling=VALUE> - Указывает будет-ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto. 

<frame noresize> - Препятствует изменению размеров кадра. 

Формы 

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

<form></form> - Создает формы

<select multiple name="NAME" size=?></select> - Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.

<option> - Указывает каждый отдельный элемент меню

<select name="NAME"></select> - Создает ниспадающее меню <option>Указывает каждый отдельный элемент меню

<textarea name="NAME" cols=40 rows=8></textarea> - Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.

<input type="checkbox" name="NAME"> - Создает checkbox. За тегом следует текст.

<input type="radio" name="NAME" value="x"> - Создает radio кнопку. За тегом следует текст.

<input type=text name="foo" size=20> - Создает строку для ввода текста. Параметром Size указывается длина в символах.

<input type="submit" value="NAME"> - Создает кнопку "Принять"

<input type="image" border=0 name="NAME" xsrc="/name.gif"> - Создает кнопку "Принять" - для этого используется изображение<input type="reset">Создает кнопку "Отмена"

Краткая таблица всех HTML тегов с описанием и фото

Теги: Описание: Атрибуты: Скриншот:
<!DOCTYPE> Этот параметр предоставляет интернет браузеру общую информацию об HTML документе.  html, public
<!-- --> Этот тег дает возможность добавить комментарий в HTML код, который не выводится на интернет странице и не обрабатывается Web-браузером. Нет
<a> Тег <a> предназначен для создания гиперссылок. accesskey, charset, coords, href, hreflang, media, name, rel, rev, shape, tabindex, target, title, type
<abbr> Тег <abbr> нужен для создания аббревиатур. Он подчеркивает сокращение пунктирной линией,а при наведении мышкой можно увидеть расшифровку аббревиатуры. title <abbr>

abbr

<acronym> Тег <acronym> выделяет текст как акроним, и подчеркивает его пунктирной линией. title <acronym>

acronym

<address> Тег <address> нужен для указания контактных данных создателя Web-страницы или сайта. Нет <address>

address

<applet> Тег <applet> нужен для вставки на страницу апплетов(программы, на языке Java). align, alt, archive, code, codebase, height, hspace, vspace, width <applet>

applet

<area> Тег <area> создает активные области изображения, которые являются ссылками. accesskey, alt, coords, href, hreflang, nohref, shape, tabindex, target, type
<article> Тег <article> задает логический блок, содержание которого может бытьвроде новости, статьи, записи блога, форума и т.п. Нет
<aside> Тег <aside> предназначен для определения блока сбоку от контента для размещения рубрик, ссылок на архив, меток и т.п. Боковая панель. Нет <aside>

aside

<audio> Тег <audio> предназначен для вставки в Web-страницу аудиоролика. autoplay, controls, loop, preload, src <audio>

audio

<b> Тег <b> предназначен для выделения текста жирным начертанием. Нет <b>

b

<base> Этот элемент устанавливается внутри тега <head> и инструктирует браузер относительно полного базового адреса текущего документа. href, target
<basefont> Тег <basefont> нужен для создания свойств шрифта, таких как: размер, цвет и тип шрифта. color, face, size <basefont>

basefont

<bdi> Тег <bdi> необходим для отделения фрагмента текста, который должен быть отделен от основного описания.Такое оформление нужно для текстов с разными языками. dir
<bdo> Тег <bdo> предназначен для вывода текста справа налево или слева на право. dir <bdo>

bdo

<bgsound> Тег <bgsound> предназначен для проигрывания музыкального файла, который будет проигрываться в фоновом режимена Web-странице при ее открытии. balance, loop, src, volume
<blockquote> Тег <blockquote> предназначен для добавления цитат. Нет <blockquote>

blockquote

<big> Тег <big> увеличивает размер выделенного текста относительно обычного. Нет <big>

big

<body> Тег <body> необходим для хранения содержимого Web-страницы, а именно контента в окне браузера.Контент, который следует выводить в документе, нужно располагать именно внутри тега <body>. alink, background, bgcolor, bgproperties, bottommargin, leftmargin, link, rightmargin, scroll, text, topmargin, vlink
<blink> Заставляет ваш текст мигать. Нет
<br> Тег <br> нужен для перевода строки на новую. clear <br>

br

<button> Тег <button> нужен для создания кнопки на вашей Web-странице. accesskey, autofocus, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, name, type, value <button>

button

<canvas> Тег <canvas> предназначен для создания области, в которую при помощи JavaScript можно нарисовать разные объекты, выводить изображения, трансформировать их и менять свойства. height, width <canvas>

canvas

<caption> Этот тег необходим для создания заголовка к таблице и может размещаться только внутри тега <table>,сразу после открывающего тега. По умолчанию отображается перед таблицей и описывает ее содержимое. align, valign <caption>

caption

<center> Тег <center> выравнивает содержимое по центру. Нет <center>

center

<cite> Тег <cite> делает ваш текст цитатой либо сноской на другой источник. Нет <cite>

cite

<code> Тег <code> предназначен для опубликования части или полного исходного кода программы. Нет <code>

code

<col> Тег <col> предназначен для задания ширины и других характеристик одной или нескольких колонок таблицы. align, char, charoff, span, valign, width <col>

col

<colgroup> Этот тег используется для задания ширины и стиля одной или нескольких колонок таблицы. align, char, charoff, span, valign, width <colgroup>

colgroup

<command> Тег <command> нужен для отображения команды в виде переключателя, флажка или маркера. Этот тег необходимо размещать внутри <menu>, иначе он не будет отображаться. checked, disabled, icon, label, radiogroup, type
<comment> Тег <comment> нужен для добавления комментариев в HTML код. Его необходимо использовать только внутри тега <body>. Нет
<datalist> Этот тег предназначен для создания списка вариантов, которые можно выбирать в текстовом поле. id <datalist>

datalist

<dd> Тег <dd> предназначен для создания списка определений. Нет <dd>

dd

<del> Тег <del> необходим для того чтобы показать что данный текст был удален. Обычно текст выделенный этим тегом отображается как перечеркнутый. cite, datetime <del>

del

<details> Этот тег предназначен для хранения описания к чему-либо, которое может быть отображено пользователем. open
<dfn> Тег <dfn> предназначен для выделения нового термина, который оформляется курсивом. Нет <dfn>

dfn

<dir> Тег <dir> предназначен для создания списков, содержащих названия директорий. Нет <dir>

dir

<div> Тег <div> предназначен для выделения фрагмента документа с целью изменения вида содержимого.Обычно вид блока настраивается с помощью CSS-стилей. align, title <div>

div

<dl> Тег <dl> предназначен для создания списка определений. Нет <dl>

dl

<dt> Список начинается с тега <dl>, а внутри обычно содержатся тег <dt> создающий термини тег <dd> задающий определение этого термина. Нет <dt>

dt

<em> Тег <em> нужен затем чтобы акцентировать внимание на тексте. Обычно отображается в браузере курсивным начертанием. Нет <em>

em

<embed> Этот элемент используется для загрузки и отображения объектов(аудио, видеофайлов, флэш и т.п.) align, height, hidden, hspace, pluginspage, src, type, vspace, width
<fieldset> Тег <fieldset> необходим для группирования элементов формы. disabled, form, title <fieldset>

fieldset

<figcaption> Тег <figcaption> предназначен для описания тега <figure>.И должен быть первым или последним элементом в группе. Нет <figcaption>

figcaption

<figure> Тег <figure> предназначен для группирования разных элементов, например, картинок и подписей к ним. Нет <figure>

figure

<font> Этот тег служит для придания вашему тексту оригинальных характеристик шрифта, таких как цвет, размер и тип.Этот тег считается устаревшим и рекомендуется им не пользоваться. color, face, size <font>

font

<form> Тег <form> предназначен для установки формы на Web-страницу.Форма нужна для обмена данными между пользователем и сервером. accept-charset, action, autocomplete, enctype, method, name, novalidate, target <form>

form

<footer> Тег <footer> нужен для реализации <<подвала>> сайта, это раздел обычно находящийся внизу HTML страницы,где размещается контактная информация, имя создателя сайта, дата и правовая информация. Нет <footer>

footer

<frame> Тег <frame> предназначен для определения свойства отдельного фрейма, на которые делится окно браузера. bordercolor, frameborder, name, noresize, scrolling, src <frame>

frame

<frameset> Тег <frameset> определяет структуру фреймов на Web-странице.Фреймы разделяют окно браузера на отдельные окна, расположенные вплотную друг к другу.В каждую из таких окон загружается отдельная Web-страница определяемая с помощью тега <frame>. border, bordercolor, cols, frameborder, framespacing, rows <frameset>

frameset

<h2> Этот тег необходим для создания заголовка первого уровня. Текст будет отображаться крупным жирным шрифтом.(Самый крупный заголовок) align

h2

<h3> Этот тег необходим для создания заголовка второго уровня. Текст будет отображаться крупным жирным шрифтом.(Менее крупный заголовок чем заголовок первого уровня) align

h3

<h4> Этот тег необходим для создания заголовка третьего уровня. Текст будет отображаться крупным жирным шрифтом.(Менее крупный заголовок чем заголовок второго уровня) align

h4

<h5> Этот тег необходим для создания заголовка четвертого уровня. Текст будет отображаться крупным жирным шрифтом.(Менее крупный заголовок чем заголовок третьего уровня) align

h5

<h5> Этот тег необходим для создания заголовка пятого уровня. Текст будет отображаться крупным жирным шрифтом.(Менее крупный заголовок чем заголовок четвертого уровня) align

h5

<h6> Этот тег необходим для создания заголовка шестого уровня. Текст будет отображаться крупным жирным шрифтом.(Самый маленький заголовок) align

h6

<head> Тег <head> нужен для хранения технических элементов, которые помогают Web-браузеру работать с этим документом.Например, хранение мета данных, которые используют поисковые системы. profile
<header> Этот тег предназначен для создания <<шапки>> сайта, которая обычно размещается в верхней части HTML страницы. Нет
<hgroup> Этот тег предназначен для группирования заголовков(h2-h6) Web-страницы. Внутри этого тега располагаются теги от <h2> до <h6>. Нет
<hr> Тег <hr> предназначен для рисования горизонтальной линии. Так же дизайн этой линии можно изменять в зависимости от параметров,например: цвет и толщину. align, color, noshade, size, width <hr>

hr

<html> <html> это глобальный тег, в который обычно заключено все содержимое Web-страницы.Исключение составляет элемент <!DOCTYPE> - он необходим для определения типа документа. title, manifest, xmlns
<i> Тег <i> предназначен для выделения шрифта курсивом. Нет <i>

i

<iframe> Тег <iframe> предназначен для создания плавающего фрейма. align, allowtransparency, frameborder, height, hspace, marginheight, marginwidth, name, sandbox, scrolling, seamless, src, srcdoc, vspace, width
<img> align align, alt, border, height, hspace, ismap, longdesc, src, vspace, width, usemap
<input> Тег <input> предназначен для создания различных элементов интерфейса и позволяет обеспечить взаимодействие с пользователем.Такими элементами считаются: текстовые поля, различные кнопки, переключатели и флажки, расположенные на форме. accept, accesskey, align, alt, autocomplete, border, checked, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, list, max, maxlength, min, multiple, name, pattern, placeholder, readonly, required, size, src, step, tabindex, type, value <input>

input

<ins> Тег <ins> необходим для того чтобы выделить текст, который добавлен в документ как новый.Обычно отображается как подчеркнутый текст. cite, datetime <ins>

ins

<isindex> Тег <isindex> необходим для реализации поискового индекса в вашем Web-документе. Этот тег устарел. action, prompt <isindex>

isindex

<kbd> Этот тег применяется для обозначения названия клавиш. Нет <kbd>

kbd

<keygen> Этот тег предназначен для генерации ключей. autofocus, challenge, disabled, form, keytype, name
<label> Тег <label> предназначен для установки связи между определенной меткой, в качестве которой обычно выступает текст, и элементом формы(<input>, <select>, <textarea>). accesskey, for
<legend> Тег <legend> предназначен для создания заголовка группы элементов формы, которая создается с помощью тега <fieldset>.Текст который располагается внутри тега <legend>, встраивается в рамку. accesskey, align, title <legend>

legend

<li> Тег определяет отдельный элемент списка. А внешние теги <ul> и <ol> определяют вид списка – маркированный или нумерованный. type, value <li>

li

<link> Тег <link> предназначен для подключения внешних файлов, например: стилей CSS или шрифтов.Размещается внутри контейнера <head> и не создает ссылку. charset, href, media, rel, sizes, type
<map> Тег <map> служит областью для элементов <area>, которые задают активные области для карт-изображений. name
<marquee> Тег <marquee> предназначен для создания бегущей строки. behavior, bgcolor, direction, height, hspace, loop, scrollamount, scrolldelay, truespeed, vspace, width
<mark> Тег <mark> предназначен для обозначения текста как выделенного. С помощью CSS стилей можно изменить его вид. Нет <mark>

mark

<menu> Этот тег нужен для отображения списка пунктов меню. Список формируется с помощью тегов <li>. label, type <menu>

menu

<meta> Тег <meta> предназначен для описания метатегов, которые нужны для браузеров и поисковых систем. charset, content, http-equiv, name
<meter> Тег <meter> предназначен для вывода значения в известном диапазоне. value, min, max, low, high, optimum <meter>

meter

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

nav

<nobr> Этот тег предназначен для отображения текста в браузере без переносов. Нет <nobr>

nobr

<noembed> Этот тег нужен для того чтобы отображать информацию в виде текстового сообщения, если ваш Web-браузер не поддерживает работу с пла

Таблица основных тегов HTML

Таблица основных тегов HTML

Основные теги

Указывает программе просмотра страниц что это HTML документ.

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

Определяет видимую часть документа

Теги оглавления

Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа

Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.

Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.

Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.

Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.

Устанавливает цвет гиперссылок при нажатии.

Теги для форматирования текста

   

Обрамляет предварительно отформатированный текст.

Создает САМЫЙ БОЛЬШОЙ заголовок

Создает самый маленький заголовок

Создает жирный текст

Создает наклонный текст

Создает текст - имитирующий стиль печатной машинки.

Используется для цитат, обычно наклонный текст.

Используется для выделения из текста слова (наклонный или жирный текст)

Устанавливает размер текста в пределах от 1 до 7.

Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

Гиперссылки

Создает гиперссылку на другие документы или часть текущего документа.

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

Отмечает часть текста как цель для гиперссылок в документе.

Создает гиперссылку на часть текущего документа.

Форматирование

Создает новый параграф

Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center

Вставляет перевод строки.

Создает отступы с обеих сторон текста.

Создает список определений.

Определяет каждый из терминов списка

Описывает каждое определение

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

Определяет каждый элемент списка и присваивает номер

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

Предваряет каждый элемент списка и добавляет кружок или квадратик.

Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

Графические элементы

Добавляет изображение в HTML документ

Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

Устанавливает толщину рамки вокруг изображения


Добавляет в HTML документ горизонтальную линию.


Устанавливает высоту(толщину) линии


Устанавливает ширину линии, можно указать ширину в пикселах или процентах.


Создает линию без тени.


Задает линии определенный цвет. Значение RRGGBB.

Таблицы

Создает таблицу.

Определяет строку в таблице.

Определяет отдельную ячейку в таблице.

Определяет заголовок таблицы (нормальная ячейка с отцентрированным жирным текстом)

Атрибуты таблицы

Задает толщину рамки таблицы.

Задает расстояние между ячейками таблицы.

Задает расстояние между содержимым ячейки и ее рамкой.

Устанавливает ширину таблицы в пикселях или процентах от ширины документа.

или

Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.

или

Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom.

Указывает кол-во столбцов которое объединено в одной ячейке. (по умолчанию=1)

Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)

Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

Фреймы

Предваряет тег  в документе, содержащем фреймы;

Определяет строки в таблице фреймов, высота которых определена кол-вом пикселей или в процентном соотношении к высоте таблицы фреймов.

Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселей или в процентном соотношении к ширине таблицы фреймов.

Определяет единичный фрейм или область в таблице фреймов.

Определяет, что будет показано в окне браузера если он не поддерживает фреймы.

Атрибуты фреймов

Определяет какой из HTML документов будет показан во фрейме.

Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов.

Определяет величину отступов по левому и правому краям фрейма; должно быть равно или больше 1.

Определяет величину отступов по верхнему и нижнему краям фрейма; должно быть равно или больше 1.

Указывает будет- ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.

Препятствует изменению размеров фрейма.

Формы

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

Создает формы

Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.

Указывает каждый отдельный элемент меню

Создает ниспадающее меню

Указывает каждый отдельный элемент меню

Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.

Создает checkbox. За тегом следует текст.

Создает radio кнопку. За тегом следует текст.

Создает строку для ввода текста. Параметром Size указывается длина в символах.

Создает кнопку "Принять"

Создает кнопку "Принять" - для этого используется изображение

Создает кнопку "Отмена"

Теги для работы с таблицами

Тег <caption> создает заголовок таблицы.

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

Атрибуты:

align - Не рекомедуется применять.

Контейнер <table> </table> служит для создания таблицы.

Атрибуты:

width - ширина таблицы в пикселях или в % относительно ширины окна браузера.

height - высота таблицы в пикселях или в % относительно ширины окна браузера (высота обычно рассчитывается автоматически, поэтому менять ее не рекомендуют).

align - выравнивание таблицы.

left - выравнивание таблицы по левому краю.

right - выравнивание таблицы по правому краю.

center - выравнивание таблицы по центру.

border - толщина рамки таблицы в пикселях.

cellspacing - расстояние между смежными ячейками в пикселях (по умолчанию = 2).

cellpadding - расстояние между содержимым ячейки и ее границей в пикселях (по умолчанию =1).

bgcolor - фоновый цвет таблицы.

background - фоновое изображение для таблицы.

bordercolor - цвет всех линий рамки таблицы.

Контейнер <tr> </tr> служит для создания строки таблицы.

Контейнер <th> </th> служит для создания заголовок для столбца таблицы.

Контейнер <td> </td> служит для создания ячейки таблицы.

Атрибуты <tr> <th> <td>

width - ширина ячейки в пикселях или в % относительно ширины окна браузера (для <tr> не применяется).

height - высота ячейки в пикселях или в % относительно ширины окна браузера (для <tr> не применяется).

align - выравнивание в ячейке.

left - выравнивание в ячейке по левому краю.

right - выравнивание в ячейке по правому краю.

center - выравнивание в ячейке по центру.

valign - вертикальное выравнивание содержимого ячейки.

top - выравнивание по верхнему краю ячейки.

bottom - выравнивание по нижнему краю ячейки.

middle - выравнивание по середине ячейки.

bgcolor - фоновый цвет ячейки.

background - фоновое изображение для ячейки.

bordercolor - цвет всех линий рамки ячейки.

colspan - количество объединяемых ячеек по столбцам (для <tr> не применяется).

rowspan - количество объединяемых ячеек по строкам (для <tr> не применяется).

Пример:

Такой код:

<table border="1" align="center" cellspacing="0" cellpadding="0">
<caption>Заголовок</caption>
<tr>
<th>Заг 1</th>
<th>Заг 2</th>
<th>Заг 3</th>
</tr>
<tr>
<td align="right">1</td>
<td align="center">2</td>
<td bgcolor="#09F">3</td>
</tr>
<tr>
<td align="right">4</td>
<td align="center">5</td>
<td bgcolor="#09F">6</td>
</tr>
</table>

Даст такой результат:

Заголовок
Заг 1Заг 2Заг 3
123
456

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *