top of page
Дизайн этого сайта создан в конструкторе
.com
. Создайте ваш сайт сегодня.Создать сайт

Основные теги языка HTML

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

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

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

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

<meta name="allow-search" content="?">Определяет способ сканирования данных для роботов поисковых систем.

<meta name="robots" content="?">Указывается информация для поисковых роботов.

<meta name="author" content="?">В данном теге можно указать авторство.

<meta name="keywords" content="?">Для обеспечения работы с поисковыми серверами, указываются ключевые слова, через запятую.

<base href="www.?">Применяется для не полностью прописанных ссылок, указывает начальный адрес в интернете

<meta name="description" content="?">Краткое описание web страницы, будет показано в результатах поиска поисковиками.

<kbd></kbd>Иммитация стиля печатной машинки.

<var></var>Название переменных отображается курсивом

 <address></address>Создает абзац с текстом выделенным курсивом.

 

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

<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>Создает гиперссылку на часть текущего документа.

<atarget="?"></a>Указывает в каком окне открывать гиперссылку. 

                                   _BlankОткрыть в новом окне

                                   _ParentОткрыть в текущем окне

                                   _SelfОткрыть в окне без использования действующих фреймов

                                   _TopИгнорировать фреймы

<a href="NAME#name"></a>Гиперссылка на метку другой страницы.

 

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

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

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

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

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

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

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

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

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

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

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

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

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

<nobr>Запрещает перевод строки.

<wbr>Указывает где разбивать строку для переноса при необходимости.

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

<img src="name" vspase="?">Устанавливает поля сверху и снизу

<img src="name" hspase="?">Устанавливает поля слева и справа.

 <img src="name" alt="?">Создает всплывающую подсказку

 

Таблицы

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

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

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

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

 

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

 <caption></caption>Назначает подпись таблицы

<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>Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

<table height="#">Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах)

<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>Препятствует изменению размеров кадра.

 

Формы

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

<frameset></frameset>     Предшествует тегу <body> на фреймовой странице.

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

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

<frame>Задает единичный фрейм или область в таблице фреймов.

<noframes></noframes>Задает информацию, которую увидит посетитель в случаях, когда показ фрейма невозможен.

 

Используемые атрибуты фреймов html 

<frame src="URL">     Привязка web страницы к окну фрейма.

<frame name="name">Назначает фрейму имя, для улучшения маршрутизации информации между фреймами и страницами.

<frame marginwidth="#">Отступы по горизонтали внутри фреймового окна.

 <frame marginheight="#">Отступы по вертикали внутри фреймового окна.

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

<frame noresize>Запрещает изменение размеров фреймового окна посетителем сайта.

 

Ифрейм и его атрибуты 

<iframe></iframe>      Создает контейнер, который может содержать любые элементы. Другие элементы страницы будут обтекать данный контейнер.

<iframe src="URL">Привязывает web страницу к окну ифрейма.

<iframe name="name">Назначает ифрейму имя, для улучшения маршрутизации информации.

<iframe vspase="?">Задает отступы по горизонтали снаружи ифрейма.

 <iframe hspase="?">Задает отступы по вертикали снаружи ифрейма.

<iframe marginwidth="#">Задает поля по горизонтали внутри ифрейма.

<iframe marginheight="#">Задает поля по вертикали внутри ифрейма.

<iframe scrolling=VALUE> Создает линейку прокрутки фрейма; значение value может быть "yes," "no," или "auto". По умолчанию - auto.

<iframe width="#">Задает ширину ифрейма

 <iframe height="#">Задает высоту ифрейма;

<iframe title="?">Закрепляет текст контекстной помощи.

bottom of page