Основные теги
- Указывает программе просмотра страниц что это 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-eguive=«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> - Предваряет каждый элемент списка и добавляет кружок или квадратик.
- Важный тег используемый для форматирования больших блоков текста 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»> - Создает кнопку «Очистить»