Документ взят из кэша поисковой машины. Адрес оригинального документа : http://www.astro.spbu.ru/staff/afk/Teaching/Help/Tegs.htm
Дата изменения: Fri Nov 19 16:06:19 2010
Дата индексирования: Tue Oct 2 04:29:42 2012
Кодировка: Windows-1251

Поисковые слова: р п р п п р п п р п п р п п р п п р п п р п
Список основных тегов языка HTML

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

Изменение размера шрифта  
+ - Вернуться на страницу учебника по HTML и CSS


Основные теги
<html></html>

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

<head></head>

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

<body></body>

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

Теги оглавления
<title></title>

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

Атрибуты тела документа
<body bgcolor=?>

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

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

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

<body vlink=?>

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

<body alink=?>

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

Теги форматирования текста
<pre></pre>
 Обрамляет предварительно 
                                  отформатированный текст. (как есть!) 
<h1></h1>

Создает

САМЫЙ БОЛЬШОЙ

заголовок (как отдельный абзац)
<h6></h6>

Создает

САМЫЙ МАЛЕНЬКИЙ
заголовок
<b></b>

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

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

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

<em></em>

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

<font size=?></font>

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

<font color=?></font>

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

Гиперссылки

<a href="URL">ТЕКСТ</a>

Создает гиперссылку на другие документы или часть текущего документа. Здесь URL адрес ссылки, ТЕКСТ - текст ссылки.

<a href="URL">
< img src="imgURL" > </a>

Создает гиперссылку на рисунок, находящийся по адресу imgURL.

"URL" = "links/main.htm"

Адрес документа main.htm, находящегося в локальной папке links данного компьютера.

"URL" =
"http://www.rambler.ru"

Ссылка на ресурс, находящийся на удаленном компьютере. В адресе присутствуют: программа связи с удаленным компьютером http (HyperText Transfer Protocol, разделители :// и интернет (IP) адрес искомого ресурса (в данном случае поискового сервера Rambler).

<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>
<dt>

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

<dd>

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

<ol></ol>

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

<li>

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

<ul></ul>

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

<li>

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

<div align=?>

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

Использование кодов символов и специальных знаков в документе HTML

Код в документе HTML

Выводится браузером на экран

&#32;
&#33;
&#34;
&#35;
&#36;
&#37;
&#38;
&#60;
&#61;
&#62;
&#169;
&#171;
&#177;
&#185;
&#187;
&#197;
&nbsp;
&lt;
&gt;
&quot;
пробел
!
"
#
$
%
&
<
=
>
©
«
±
¹
»
Å
Неразрывный пробел
<
>
"

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

<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=#>

Задает толщину рамки таблицы. (здесь 5)

<table cellspacing=#>

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

<table cellpadding=#>

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

<table width=#>

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

<tr align=?> или <td align=?>

Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right. (здесь 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>

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

Формы1

1 Для форм, выполняющих какие-то функции должны быть запущены соответствующие 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">

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

Наверх