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