Loading

Таблица основных тэгов(теги) html.

HTML — это теговый язык разметки документов, то есть любой документ на языке HTML представляет собой набор элементов, причем начало и конец каждого элемента обозначается специальными пометками, называемыми тегами.

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

<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> Устанавливает цвет текста, используя значение цвета в виде RGB,HTML.

Гиперссылки

<a href="URL"></a> Создает гиперссылку на другие сайты.
<a target="?"></a> Указывает в каком окне открывать гиперссылку.
<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="?"> Задает линии определенный цвет. Значение RGB,HTML.

Таблицы

<table></table> Создает таблицу.
<tr></tr> Определяет строку в таблице.
<td></td> Определяет отдельную ячейку в таблице.
<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> Создает ниспадающее меню.
<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"> Создает кнопку "Очистить".
Понравился пост - добавь в закладки, чтобы не потерять:

Похожие по тематике посты - еще почитать:

1 комментарий:

Анонимный комментирует...

Можно создать страницы с HTML на ПК вне инета?

Отправить комментарий

Подпишитесь на инфо-БУМ по е-мейл здесь