Основные теги языка HTML
Основные теги языка HTML
Основные теги
<html></html> – Указывает веб–обозревателю, что
это HTML документ.
<head></head> – Определяет место, где помещается
различная
информация не отображаемая в теле документа. Здесь
располагается тег
названия документа и теги для поисковых машин.
<body></body> – Определяет видимую часть
документа
Теги оглавления
<title></title> – Помещает название документа в
оглавление программы
просмотра страниц
Атрибуты тела документа
<body bgcolor=?> – Устанавливает цвет фона документа,
используя
значение цвета в виде RRGGBB – пример: FF0000 – красный
цвет.
<body text=?> – Устанавливает цвет текста документа, используя
значение цвета в виде RRGGBB – пример: 000000 – черный цвет.
<body link=?> – Устанавливает цвет гиперссылок,
используя значение
цвета в виде RRGGBB – пример: 00FF00 – зеленый цвет.
<body vlink=?> – Устанавливает цвет уже посещенных
гиперссылок,
используя значение цвета в виде RRGGBB – пример: 333333 –
серый цвет.
<body alink=?> – Устанавливает цвет гиперссылок при
нажатии.
Теги для форматирования текста
<pre></pre> – Обрамляет предварительно
отформатированный текст.
<h1></h1> – Создает заголовок первого уровня
<h6></h6> – Создает заголовок шестого уровня
<b></b> – Создает жирный текст
<i></i> – Создает наклонный текст
1 Часть материала взята с сайта http://www.cyberguru.ru.
Полную спецификацию по языку разметки
HTML можно взять с сайтов http://www.w3.org/TR/REC-html40/
(англ. версия) и
http://www.citforum.ru/internet/html40/cover.html
(неофициальный русский перевод)
<tt></tt> – Создает текст – имитирующий стиль
печатной машинки.
Используется для цитат, обычно наклонный текст.
<em></em> – Используется для выделения из текста
слова (наклонный
или жирный текст)
<strong></strong> – Используется для выделения
наиболее важных
частей текста (наклонный или жирный текст)
<font size=?></font> – Устанавливает размер
текста в пределах от 1 до 7.
<font color=?></font> – Устанавливает цвет
текста, используя значение
цвета в виде RRGGBB.
Гиперссылки
<a href="URL"></a> – Создает
гиперссылку на другие документы или
часть текущего документа.
<a href="mailto:EMAIL"></a> – Создает
гиперссылку вызова почтовой
программы для написания письма автору документа.
<a name="NAME"></a> – Отмечает часть
текста как цель для
гипперссылок в документе.
<a
href="http://www.cyberguru.ru/#NAME"></a> – Создает
гиперссылку
на часть текущего документа.
Форматирование
<p> – Создает новый параграф
<p align=?> – Выравнивает параграф относительно одной
из сторон
документа, значения: left, right, или center
<br> – Вставляет перевод строки.
<blockquote></blockquote> – Создает отступы с
обеих сторон
текста.<dl></dl>Создает список определений.
<dt> – Определяет каждый из терминов списка
<dd> – Описывает каждое определение
<ol></ol> – Создает нумерованный список
<li> – Определяет каждый элемент списка и присваивает
номер
<ul></ul> – Создает ненумерованный список
<li> – Предваряет каждый элемент списка и добавляет
кружок или
квадратик.
<div align=?> – Важный тег используемый для
форматирования больших
блоков текста HTML документа, также используется в таблицах
стилей
Графические элементы
<img src="name"> – Добавляет изображение в
HTML документ
<img src="name" align=?> – Выравнивает
изображение к одной из сторон
документа, принимает значения: left, right, center; bottom,
top, middle
<img src="name" border=?> – Устанавливает
толщину рамки вокруг
изображения
<hr> – Добавляет в HTML документ горизонтальную
линию.<hr size=?
>Устанавливает высоту(толщину) линии
<hr width=?> – Устанавливает ширину линии, можно
указать ширину в
пикселах или процентах.
<hr noshade> – Создает линию без тени.
<hr color=?> – Задает линии определенный цвет.
Значение RRGGBB.
Таблицы
<table></table> – Создает таблицу.
<tr></tr> – Определяет строку в таблице.
<td></td> – Определяет отдельную ячейку в
таблице.
<th></th> – Определяет заголовок таблицы (по
умолчанию, нормальная
ячейка с жирным текстом по центру)
Атрибуты таблицы
<table border=#> – Задает толщину рамки таблицы.
<table cellspacing=#> – Задает расстояние между
ячейками таблицы.
<table cellpadding=#> – Задает расстояние между
содержимым ячейки и
ее рамкой.
<table width=#> – Устанавливает ширину таблицы в
пикселах или
процентах от ширины документа.
<tr align=?> или <td align=?> – Устанавливает
выравнивание ячеек в
таблице, принимает значения: left, center, или right.
<tr valign=?> или <td valign=?> – Устанавливает
вертикальное
выравнивание для ячеек таблицы, принимает значения : top,
middle, или bottom.
<td colspan=#> – Указывает количество столбцов,
которое объединено в
одной ячейке.
<td rowspan=#> – Указывает кол–во строк которое
объединено в одной
ячейке. (по умолчанию=1)
<td nowrap> – Не позволяет программе просмотра делать
перевод строки
в ячейке таблицы.
Фреймы
<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> – Препятствует изменению размеров
кадра.
Формы
HTML позволяет описывать внешний вид формы для последующей
передачи введенных данных на сервер.
<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"
xsrc="name.gif"> – Создает
кнопку "Принять" – для этого используется
изображение<input
type="reset">Создает кнопку "Отмена"
|