Теги HTLM и их определение

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2207
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Теги HTLM и их определение

#1

Сообщение Slash » Вт сен 18, 2012 10:09 am

Структура документа
<!doctype> Объявляет тип и формат содержимого документа.
<html></html> Индентифицирует документ как содержащий элементы HTML.
<head></head> Определяет место, где помещается различная информация, неотображаемая в теле документа.
<body></body> Определяет начало и конец основной части страницы.
<link> Тег используется для обозначения связей между документами.

Оглавления
<title></title> Помещает название документа в оглавление программы просмотра страниц.
<meta> Предоставляет различные типы невидимой информации и инструкций для броузера, поисковых систем.
<meta name="description" content="?"> Краткое содержание странички пишется для поисковиков.
<meta name="allow-search" content="?"> Указывает поисковым системам, как следует сканировать данную страницу.
<meta name="keywords" content="?"> Описание для поисковиков о содержащийся информации.
<meta http-eguiv="content-type" content="text/plain; churset="?"> Указывает браузеру кодировку для загрузки страницы, например: KOI8-R, UTF-16, Window-1251, ISO-8859-5 и д.р.
<meta http-equiv="distribution" content="?"> Указывает поисковику - является страница мировой или нет.
<meta name="author" content="?"> Указывает автора странички.

Тело документа
<body bgcolor="?"> Цвет фона странички, пример: #00FF00 - зеленый.
<body text="?"> Цвет текста странички, пример: #000000 - черный.
<body link="?"> Цвет гиперссылок, пример: #FF0000 - красный.
<body alink="?"> Цвет гиперссылок при нажатии,пример: #333333 - серый
<body vlink="?"> Цвет гиперссылок, на которых Вы уже побывали,пример: #0066ff -синий.

Форматирование текста
<h1></h1> Устанавливает самый большой заголовок.
<h2></h2> <h3></h3> <h4></h4> <h5></h5> Устанавливает заголовоки промежуточных размеров.
<h6></h6> Устанавливает самый маленький заголовок.
<big></big> Делает шрифт на один размер больше текущего.
<small></small> Определяет, что текст должен быть показан уменьшенным шрифтом относительно основного.
<s></s> Выводит текст зачеркнутым.
<u></u> Делает шрифт подчеркнутым.
<var></var> Название переменных отображается курсивом.
<i></i> Устанавливает текст курсивом.
<address></address> Устанавливает текст курсивом в виде отдельного абзаца.
<cite></cite> Выделение цитат курсивом.
<b></b> Устанавливает текст жирный.
<kbd></kbd> Устанавливает стиль печатной машинки.
<font face="?"></font> Устанавливает шрифт.
<font size="?"></font> Устанавливает размер текста от 1 до 7.
<font color="?"></font> Устанавливает цвет текста, пример: #333333 - серый.
<span style="COLOR: ?"></span> Устанавливает цвет текста, пример: #FF0000 - красный цвет..

Форматирование
<p> Создаёт новый параграф.
<br> Переход на следующую строку.
<nobr> Запрет для перевода строки.
<div align="?"> Используется для форматирования больших блоков текста HTML документа, также используется в таблицах стилей.
<wbr> При необходимости указывает, где разбить строку для переноса.
<ol></ol> Создаёт нумерованный список.
<ul></ul> Создаёт нумерованный список.
<blockquote></blockquote> Устанавливает отступы с обеих сторон
<dl></dl> Составляет список определений.
<dt> Определяет каждый из терминов списка

Гиперссылки (тема о ссылках: Введение в HTML (Ссылки <a>))
<a> Определяет гиперссылку.
<a href="#NAME"></a> Гиперссылка на метку текущей страницы.
<a href="NAME#name"></a> Гиперссылка на метку другой страницы.
<a name="name"></a> Отмечает часть текста, как метку для гипперссылок на странице.
<a href="NAME"></a> Создает гиперссылку на другие документы.
<a href="URL"></a> Создает гиперссылку на другие сайты.
<a href="NAME" target="_Blank"></a> Открывает ссылку в новом окне.
<a href="NAME" target="_Parent"></a> Загрузка содержимого страницы заданной ссылкой в окно, которое содержит ссылку.
<a href="NAME" target="_Top"></a> Загрузка содержимого страницы заданной ссылкой в окно, игнорируя использованные фреймы.
<a href="NAME" target="_Self"></a> Загрузка содержимого страницы заданной ссылкой в окно, игнорируя используемые фреймы.
<a href="mailto:EMAIL"></a> Гиперссылка для вызова почтовой пограммы.

Графические элементы
<hr> Устанавливает горизонтальную линию.
<img> Используется для вставки графического элемента или видеоклипа.
<img src="name"> Вставляет изображение в документ.
<img src="name" align="?"> Выравнивает изображение к одной стороне документа, принимает значения: left, right, center; bottom, top, middle.
<img src="name" border="?"> Задаёт толщину бордюра вокруг изображения, цифра 0 - значит бордюра нет.
<img src="name" alt="?"> Всплывающая подсказка при наведении курсором на изображение.
<embed src="name" alt="?"> Вставляет флешь ролик в документ.

Таблицы
<table></table> Создает таблицу.
<tr></tr> Определяет строку в таблице.
<td></td> Определяет отдельную ячейку в таблице.
<th></th> Определяет заголовок таблицы.
<caption></caption> Определяет подпись таблицы.
<table cellpadding="#"> Устанавливает расстояние между бордюром таблицы и её содержимым.
<table width="#" height="#"> Устанавливает ширину (width="#") и высоту (height="#") таблицы.
<tr align="?"> <td align="?"> Выравнивает ячейки в таблице, принимает значения: left, center, right.
<tr valign="?"> <td valign="?"> Вертикальное выравнивание ячеек в таблице, принимает значения : top, middle, bottom.
<td width="#" height="#"> Устанавливает ширину (width="#") и высоту (height="#") ячейки (для всех ячеек в одном столбце должна быть одна ширина, также и высота ячеек должна быть одной по всей строке).
<td colspan="#"> Указывает кол-во столбцов, которое объединено в одной ячейке.
<td rowspan="#"> Указывает кол-во строк, которое объединено в одной ячейке.

Формы
<form></form> Создает формы
<select multiple name="NAME" size="?"></select> Создает скролируемое меню, size - устанавливает количество пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
<select name="NAME"></select> Создает ниспадающее меню.
<option> Указывает каждый отдельный элемент меню.
<input type=text name="foo" size="?"> Устанавливает строку для ввода текста. Элемент size устанавливает длину строки.
<input type="submit" value="NAME"> Устанавливает кнопку "Отправить".
<input type="image" border="?" name="NAME" src="name.gif"> Используется изображение, устанавливает кнопку.
<textarea name="NAME" cols="?" rows="?"></textarea> Устанавливает окно для ввода текста. cols указывает ширину окна; rows указывает его высоту.

Фреймы
<frameset></frameset> Предваряет тег <body> в документе, содержащем фреймы.
<frameset cols="?"> Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.
<frame> Определяет единичный фрейм или область в таблице фреймов.
<noframes></noframes> Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.


Ифрейм
<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="?"> Текст всплывающей подсказки.

Защита
<body onselectstart="return false"> Запрещает выделять содержимое страницы.
<body oncopy="return false"> Запрещает копировать информацию в буфер.
<body oncontextmenu="return false"> Отключает правую кнопку мыши.

Эффекты
<meta HTTP-EQUIV="Page-enter" content="blendtrans (duration=2.0)"> Создаёт эффект появлении страницы при входе на неё.
<meta HTTP-EQUIV="Page-exit" content="blendtrans (duration=2.0)"> Создаёт эффект таяния страницы при переходе по ссылке.
<meta onload="doTriStateRainbow()"> Разноцветная, мигающая полоса прокрутки.

Реклама

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей