| Основные теги |
| <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=’?’> |
Ключевые слова странички (для поисковых машин) |
| <title></title> |
Помещает название документа в оглавление программы просмотра страниц |
| Атрибуты тела документа |
| <body bgcolor=’?’> |
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB – пример: FF0000
– красный цвет. |
| <body text=’?’> |
Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB – пример: 000000 – черный цвет. |
| <body link=’?’> |
Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB – пример: 00FF00 – зеленый
цвет. |
| <body vlink=’?’> |
Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB – пример: 333333 – серый цвет. |
| <body alink=’?’> |
Устанавливает цвет гиперссылок при нажатии. |
| Теги форматирования текста |
| <pre></pre> |
Обрамляет предварительно отформатированный текст. |
| <h1></h1> |
Создает самый большой заголовок |
| <h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5> |
Создает заголовки промежуточных размеров |
| <h6></h6> |
Создает самый маленький заголовок |
| <b></b> |
Создает жирный текст (нерекомендованный) |
| <i></i> |
Создает наклонный текст (нерекомендованный) |
| <tt></tt> |
Создает текст – имитирующий стиль печатной машинки (нерекомендованный) |
| <kbd></kbd> |
Создает текст – имитирующий стиль печатной машинки (рекомендованный) |
| <var></var> |
Название переменных отображается курсивом |
| <cite></cite> |
Выделение цитат курсивом |
| <address></address> |
Отображается курсивом в виде отдельного абзаца |
| <em></em> |
Наклонный текст (воспринимается поисковыми роботами как выделение) |
| <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 width=’?’> |
Устанавливает ширину линии, можно указать ширину в пикселях или процентах |
| <hr noshade> |
Создает линию без тени |
| <hr color=’?’> |
Задает линии определенный цвет. Значение RRGGBB |
| Таблицы |
| <table></table> |
Создает таблицу |
| <tr></tr> |
Определяет строку в таблице |
| <td></td> |
Определяет отдельную ячейку в таблице |
| <th></th> |
Определяет заголовок таблицы (нормальная ячейка с отцентрированным жирным текстом) |
| <caption></caption> |
Определяет подпись таблицы |
| Атрибуты таблицы |
| <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> |
Не позволяет программе просмотра делать перевод строки в ячейке таблицы |
| <td width=’#’> |
Устанавливает ширину ячейки в пикселях или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину) |
| <td height=’#’> |
Устанавливает высоту ячейки в пикселях или процентах от высоты таблицы (ячейки одной строки не могут иметь разную высоту) |
| Фреймы |
| <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 width=’#’> |
Определяет ширину ифрейма |
| <iframe height=’#’> |
Определяет высоту ифрейма |
| <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’> |
Создает кнопку ‘Очистить’ |
