Форум
Список базовых тегов HTML
Основные теги 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> Обрамляет предварительно отформатированный текст.
<h1></h1> Создает САМЫЙ БОЛЬШОЙ заголовок
<h6></h6> Создает самый маленький заголовок
<b></b> Создает жирный текст
<i></i> Создает наклонный текст
<tt></tt> Создает текст - имитирующий стиль печатной машинки.
<cite></cite> Используется для цитат, обычно наклонный текст.
<em></em> Используется для выделения из текста слова (наклонный или жирный текст)
<strong></strong> Используется для выделения наиболее важных частей текста (наклонный или жирный текст)
<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>Создает новый параграф
<p align="?"></p>Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
<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="?">Устанавливает толщину рамки вокруг изображения
<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="#">Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<table height="#"> Устанавливает высоту таблицы в пикселах или процентах от высоты документа.
<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> Определяет видимую часть документа
Теги оглавления
<title></title> Помещает название документа в оглавление программы просмотра страниц
Атрибуты тела документа
<body bgcolor="?"> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
<body text="?">Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
<body link="?">Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
<body vlink="?">Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
<body alink="?">Устанавливает цвет гиперссылок при нажатии.
Теги для форматирования текста
<pre></pre> Обрамляет предварительно отформатированный текст.
<h1></h1> Создает САМЫЙ БОЛЬШОЙ заголовок
<h6></h6> Создает самый маленький заголовок
<b></b> Создает жирный текст
<i></i> Создает наклонный текст
<tt></tt> Создает текст - имитирующий стиль печатной машинки.
<cite></cite> Используется для цитат, обычно наклонный текст.
<em></em> Используется для выделения из текста слова (наклонный или жирный текст)
<strong></strong> Используется для выделения наиболее важных частей текста (наклонный или жирный текст)
<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>Создает новый параграф
<p align="?"></p>Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
<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="?">Устанавливает толщину рамки вокруг изображения
<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="#">Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<table height="#"> Устанавливает высоту таблицы в пикселах или процентах от высоты документа.
<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">Создает кнопку "Отмена"
