• 1324
  • 0
  • Автор: --------------
  • Адаптировал: irbees2008

Теги Hmlt

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

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

Атрибуты тела документа

Теги форматирования текста

Гиперссылки

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

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

Таблицы

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

Фреймы

Атрибуты фреймов

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

Формы
Основные теги
<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">Создает кнопку "Очистить"

Можешь почитать и вот эту статейку "Всплывающий информационный блок при прокрутке страницы"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Как вам наш дизайн сайта?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element