|
Основные теги
|
|
<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 align=?>
|
Выравнивает
параграф относительно одной из сторон документа, значения: left, right, или
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.doc
