<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.
<span style='font-family: "?"' Устанавливает стиль "Шрифт" текста: <span style='font-family: "Comic Sans MS"'>Привет</span> - Привет
000000
000033
000066
000099
0000CC
0000FF
003300
003333
003366
003399
0033CC
0033FF
006600
006633
006666
006699
0066CC
0066FF
009900
009933
009966
009999
0099CC
0099FF
00CC00
00CC33
00CC66
00CC99
00CCCC
00CCFF
00FF00
00FF33
00FF66
00FF99
00FFCC
00FFFF
330000
330033
330066
330099
3300CC
3300FF
333300
333333
333366
333399
3333CC
3333FF
336600
336633
336666
336699
3366CC
3366FF
339900
339933
339966
339999
3399CC
3399FF
33CC00
33CC33
33CC66
33CC99
33CCCC
33CCFF
33FF00
33FF33
33FF66
33FF99
33FFCC
33FFFF
660000
660033
660066
660099
6600CC
6600FF
663300
663333
663366
663399
6633CC
6633FF
666600
666633
666666
666699
6666CC
6666FF
669900
669933
669966
669999
6699CC
6699FF
66CC00
66CC33
66CC66
66CC99
66CCCC
66CCFF
66FF00
66FF33
66FF66
66FF99
66FFCC
66FFFF
990000
990033
990066
990099
9900CC
9900FF
993300
993333
993366
993399
9933CC
9933FF
996600
996633
996666
996699
9966CC
9966FF
999900
999933
999966
999999
9999CC
9999FF
99CC00
99CC33
99CC66
99CC99
99CCCC
99CCFF
99FF00
99FF33
99FF66
99FF99
99FFCC
99FFFF
CC0000
CC0033
CC0066
CC0099
CC00CC
CC00FF
CC3300
CC3333
CC3366
CC3399
CC33CC
CC33FF
CC6600
CC6633
CC6666
CC6699
CC66CC
CC66FF
CC9900
CC9933
CC9966
CC9999
CC99CC
CC99FF
CCCC00
CCCC33
CCCC66
CCCC99
CCCCCC
CCCCFF
CCFF00
CCFF33
CCFF66
CCFF99
CCFFCC
CCFFFF
FF0000
FF0033
FF0066
FF0099
FF00CC
FF00FF
FF3300
FF3333
FF3366
FF3399
FF33CC
FF33FF
FF6600
FF6633
FF6666
FF6699
FF66CC
FF66FF
FF9900
FF9933
FF9966
FF9999
FF99CC
FF99FF
FFCC00
FFCC33
FFCC66
FFCC99
FFCCCC
FFCCFF
FFFF00
FFFF33
FFFF66
FFFF99
FFFFCC
FFFFFF
Гиперссылки
<a href="URL"></a> Создает гиперссылку на другие сайты. <a>target="?"></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="?"> или<img src="name" title="?"> Всплывающая подсказка при наведении на имедж
<img src="name"width="?" height="?"> Задаёт размеры картинки "width="?" - Ширина height="?" - Высота
<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=20 rows=1></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"> Создает кнопку "Очистить"